1<!DOCTYPE html> 2<html lang="ar" dir="rtl" class="theme-light"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 8 <!-- Link of CSS files --> 9 <link rel="stylesheet" href="/assets/css/animate.min.css"> 10 <link rel="stylesheet" href="/assets/css/bootstrap.rtl.min.css"> 11 <link rel="stylesheet" href="/assets/css/fontawsome.min.css"> 12 <link rel="stylesheet" href="/assets/fonts/font/flaticon.css"> 13 <link rel="stylesheet" href="/assets/css/meanmenu.min.css"> 14 <link rel="stylesheet" href="/assets/css/owl.carousel.min.css"> 15 <link rel="stylesheet" href="/assets/css/owl.theme.default.min.css"> 16 <link rel="stylesheet" href="/assets/css/nice-number.min.css"> 17 <link rel="stylesheet" href="/assets/css/nice-select.min.css"> 18 <link rel="stylesheet" href="/assets/css/barfiller.min.css"> 19 <link rel="stylesheet" href="/assets/css/magnific-popup.min.css"> 20 <link rel="stylesheet" href="/assets/css/odometer.min.css"> 21 <link rel="stylesheet" href="/assets/css/style.css"> 22 <link rel="stylesheet" href="/assets/css/dark-mode.css"> 23 24 <link rel="stylesheet" href="/assets/css/rtl.css"> 25 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet"> 26 <link rel="stylesheet" href="/js/qgis/css/ol-popup.css" /> 27 28 <style> 29 a,button,label { 30 color: var(--paragraphColor); 31 font-size: var(--fontSize); 32 margin-bottom: 5px; 33 line-height: 1.8; 34 font-family: var(--fontFamily2); 35 } 36 .map { 37 width: 100%; 38 height: 100vh; 39 } 40 .counter-card .counter-card-text h2 { 41 direction: ltr; 42 text-align: right; 43 } 44 .feature-card i { 45 margin-inline-start: 30%; 46 } 47 .feature-card h4 { 48 text-align: center; 49 } 50 51 @media only screen and (min-width: 600px) { 52 .counter-col { 53 width: 20% !important; 54 } 55 56 .owl-carousel .owl-item img { 57 display: block; 58 width: 85%; 59 } 60 } 61 62 63 .counter-card .counter-card-text h2 { 64 font-size:28px !important 65 } 66 .counter-card { 67 margin-top: 0px !important; 68 margin-left: 0px !important; 69 margin-right: 0px !important; 70 } 71 .counter-card .counter-card-text { 72 margin-right: 20px; 73 } 74 .counter-card i { 75 width: 55px !important; 76 height: 55px !important;; 77 } 78 .about-text-area p { 79 text-align: justify !important; 80 } 81 .default-section-heading h3 { 82 font-size : 25px !important; 83 /* text-align: justify !important; */ 84 } 85 .beta { 86 background: #ffcc00; 87 width: 134px; 88 padding: 10px; 89 margin-right: -81px; 90 border-end-end-radius: 10px; 91 font-weight: bold; 92 border-start-end-radius: 10px; 93 } 94 </style> 95 <title>ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙÙ</title> 96 <link rel="icon" type="image/png" href="/assets/images/fav-icon.png"> 97 </head> 98 <body> 99 100 101 <!--dark mode --> 102 <div class="theme-switcher"> 103 <label id="switch" class="switch"> 104 <input type="checkbox" onchange="toggleTheme()" id="slider"> 105 <span class="slider round"></span> 106 </label> 107 </div> 108 109 <!-- <div class="theme-switcher" style="margin-bottom: 40px;"> 110 <label id="switch" class="beta" style=""> 111 ÙØ³Ø®Ø© ØªØ¬Ø±ÙØ¨ÙØ© 112 </label> 113 </div> --> 114 115 <div class="topbar"> 116 <div class="container"> 117 <div class="topbar-content"> 118 <div class="row align-items-center"> 119 <div class="col-xl-9 col-lg-12 col-md-12 col-sm-12 col-12"> 120 <div class="top-contact-area"> 121 <ul> 122 <li>
123 <span><i class="fas fa-phone-alt"></i></span> 124 <a href="tel:+970 2 229818">0097 02229818</a> 125 </li> 126 <li> 127 <span><i class="fas fa-clock"></i> 02/10/2626 04:08:07</span> 128 </li> 129 <li><span><i class="fas fa-map-marker-alt"></i></span> 130 <a href="https://goo.gl/maps/MnmWTmPhsdYs1XH57" target="_blank">شارع عÙÙ Ø®ÙØ± Ø§ÙØ¯ÙÙØ ص.ب. 818 Ø§ÙØ®ÙÙÙ- ÙÙØ³Ø·ÙÙ</a> 131 </li> 132 </ul> 133 </div> 134 </div> 135 <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12"> 136 <div class="topbar-right-area"> 137 138 <div class="dropdown account-details"> 139 <i class="fas fa-user"></i> 140 <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">ØØ³Ø§Ø¨Ù <i class="fas fa-long-arrow-alt-down"></i></button> 141 <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> 142 <li> 143 <a class="dropdown-item" href="/login">Ø§ÙØ¯Ø®ÙÙ</a> 144 </li> 145 <li> 146 <a class="dropdown-item" href="/register">Ø§ÙØªØ³Ø¬ÙÙ</a> 147 </li> 148 </ul> 149 </div> 150 <div class="language-select"> 151 <span><i class="fas fa-globe"></i></span> 152 <a href='/en'>English</a> 153 </div> 154 </div> 155 </div> 156 </div> 157 </div> 158 </div> 159 </div> 160 161 <div class="header-area"> 162 <div class="navbar-area"> 163 <!-- Menu For Mobile Device --> 164 <div class="main-responsive-nav"> 165 <div class="container"> 166 <div class="mobile-nav"> 167 <a href="/" class="logo"> 168 <img class="black-logo" src="/assets/images/logo2.png" width="80px" alt="logo"> 169 <img class="white-logo" src="/assets/images/logo.png" width="70px" alt="logo" /> 170 </a> 171 <ul class="menu-sidebar menu-small-device"> 172 <li><button class="popup-button"><i class="fas fa-search"></i></button></li> 173 </ul> 174 </div> 175 </div> 176 </div> 177 <!-- Menu For Desktop Device --> 178 <div class="main-nav"> 179 <div class="container"> 180 <nav class="navbar navbar-expand-md navbar-light" style="padding:0px !important;"> 181 <a class="navbar-brand" href="/ar"> 182 <img class="black-logo" src="/assets/images/logo2.png" width='127px' alt="logo" /> 183 <img class="white-logo" src="/assets/images/white-logo.png" width='127px' alt="logo" /> 184 </a> 185 <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"> 186 <ul class="navbar-nav"> 187 <li class="nav-item"><a href="/ar" class="nav-link">Ø§ÙØ±Ø¦ÙØ³ÙØ©</a></li> 188 <li class="nav-item"><a href="/ar/services" class="nav-link">Ø§ÙØ®Ø¯Ù ات</a></li> 189 <li class="nav-item"><a href="/ar/news" class="nav-link">Ø§ÙØ£Ø®Ø¨Ø§Ø±</a></li> 190 <li class="nav-item"><a href="/ar/news?type=bids" class="nav-link">Ø§ÙØ¹Ø·Ø§Ø¡Ø§Øª</a></li> 191 <li class="nav-item"><a href="/ar/reports" class="nav-link"> Ø§ÙØªÙØ§Ø±ÙØ± Ø§ÙØ³ÙÙÙØ© </a></li> 192 <li class="nav-item"><a href="/home" class="nav-link">اÙÙÙØ§ØªÙر</a></li> 193 <li class="nav-item"> 194 <a href="#" class="nav-link dropdown-toggle"> Ù Ù ÙØÙ <i class="fas fa-long-arrow-alt-down"></i></a> 195 <ul class="dropdown-menu"> 196 <li class="nav-item"><a href="/ar/gm-message" class="nav-link"> ÙÙÙ Ø© Ù Ø¯ÙØ± عا٠ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙÙ </a></li> 197 <li class="nav-item"><a href="/ar/members" class="nav-link"> أعضاء Ù Ø¬ÙØ³ Ø§ÙØ¥Ø¯Ø§Ø±Ø© </a></li> 198 <li class="nav-item"><a href="/ar/chairmans-message" class="nav-link">ÙÙÙ Ø© Ø±Ø¦ÙØ³ اÙÙ Ø¬ÙØ³ Ø§ÙØ¨Ùد٠</a></li> 199 <li class="nav-item"><a href="/ar/concession-area" class="nav-link">Ù ÙØ·ÙØ© Ø§ÙØ£Ù ØªÙØ§Ø² </a></li> 200 <!-- <li class="nav-item"><a href="/ar/HEPCo-Duties" class="nav-link">Ù ÙØ§Ù ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙÙ ÙØ£ÙداÙÙØ§ </a></li> --> 201 <li class="nav-item"><a href="/ar/about-us" class="nav-link">Ø§ÙØ±Ø¤ÙØ© ÙØ§ÙØ±Ø³Ø§ÙØ© ÙØ§ÙÙÙÙ </a></li> 202 </ul> 203 </li> 204 <li class="nav-item"><a href="/ar/contact" class="nav-link"> Ø§ØªØµÙ Ø¨ÙØ§</a></li> 205 </ul> 206 <div class="menu-sidebar"> 207 <form> 208 <div class="input-group m-search-box"> 209 <input type="text" class="form-control" placeholder="Ø¨ØØ«" required> 210 <button class="btn" type="submit"><i class="fas fa-search"></i></button> 211 </div> 212 </form> 213 </div> 214 </div> 215 </nav> 216 </div> 217 </div> 218 </div> 219 </div> 220 221 <!-- banner area start --> 222 <!-- uni Banner area start --> 223<div class="uni-banner"> 224 <div class="container"> 225 <div class="uni-banner-text"> 226 <h1>Ù Ù ÙØÙ </h1> 227 <ul> 228 <li><a href="/">Ø§ÙØ±Ø¦ÙØ³ÙØ©</a></li> 229 <li>Ù Ù ÙØÙ </li> 230 </ul> 231 </div> 232 </div> 233</div> 234<!-- Uni Banner area end --> 235<!-- about area start --> 236<div class="about pb-100 bg-f9fbfe"> 237 <div class="about-content"> 238 <div class="container"> 239 <div class="row "> 240 <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12"> 241 <div class="about-img"> 242 <img src="assets/images/about/about2.png" alt="image"> 243 </div> 244 </div> 245 <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12"> 246 <div class="about-text-area"> 247 <div class="default-section-heading"> 248 <h6 style="font-size:35px !important;">Ù Ù ÙØÙ</h1> 249 <h3> تأسست ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙ٠عا٠2000 ÙØ§ÙØ·ÙÙØª عا٠2005 ÙØªÙ تÙ٠اÙÙÙ٠خبرة Ø£ÙØ«Ø± Ù Ù 20 عا٠Ù٠٠جا٠اÙÙÙØ±Ø¨Ø§Ø¡ </h3> 250 </div> 251 <p> ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙÙ Ø£ÙØ´Ø±Ù٠عاÙÙ Ù Ù Ø¹ÙØ§ </p> 252 <!-- <p>
252Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium lorem sit doloremque, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam quia voluptas lorem sit amet labore magna dolore sit architecto beatae vitae dicta sunt.</p> --> 253 <div class="about-card"> 254 <i class="flaticon-mission"></i> 255 <h4>Ø§ÙØ±Ø³Ø§ÙØ©</h4> 256 <p>ØªÙØ¯Ù٠خد٠ات ÙÙØ±Ø¨Ø§Ø¦ÙØ© Ø¢Ù ÙØ© ÙÙ ÙØ«ÙÙØ© ÙØ¯Ùع Ø¹Ø¬ÙØ© Ø§ÙØªÙÙ ÙØ© Ø§ÙØ§ÙØªØµØ§Ø¯ÙØ© ÙØ§ÙØ§Ø¬ØªÙ Ø§Ø¹ÙØ© ÙØÙ Ø§ÙØ£Ù ا٠ÙÙ Ù ÙØ·ÙØ© Ø§Ù ØªÙØ§Ø² ÙÙØ±Ø¨Ø§Ø¡ Ø§ÙØ®ÙÙÙ ÙÙÙÙØ§Ù ÙØ£Ø¹Ù٠اÙ٠عاÙÙØ± اÙÙ ÙØ¬Ùدة عاÙÙ ÙØ§ÙØ Ù Ø¹ Ø§ÙØªØ±ÙÙØ² عÙÙ Ø§ÙØ¥Ø¨ØªÙار ÙØ§Ùإستدا٠ة ÙØ§ÙØ·Ø§ÙØ© اÙÙØ¸ÙÙØ©Ø Ø¹Ø§Ù ÙØ© ÙØ·Ø§Ù ØØ© Ù٠اÙÙØµÙ٠إÙ٠أرÙ٠خد٠ة ÙÙ ÙÙ Ø£Ù ØªÙØ¯Ù Ø¥Ù٠اÙÙ ÙØ§Ø·ÙØ ÙØ¨Ùاء بÙÙØ© ØªØØªÙØ© ت٠ÙÙ Ù Ù Ø§Ø³ØªÙ Ø±Ø§Ø±ÙØ© ÙØ§Ø³ØªØ¯Ø§Ù Ø© Ø§ÙØ®Ø¯Ù ات اÙÙ ÙØ¯Ù Ø© ÙÙØ£Ø¬Ùا٠اÙÙØ§Ø¯Ù Ø©Ø ÙØ§ÙØ§ÙØªÙ Ø§Ù Ø¨Ø§ÙØªÙÙÙØ© ÙØ§ÙØ¹ÙØµØ± Ø§ÙØ¨Ø´Ø±Ù ÙØªØ·ÙÙØ± ÙØ¯Ø±Ø§ØªÙ ÙØªÙ ÙØ²Ù ÙØ¥Ø¨Ø¯Ø§Ø¹Ù.</p> 257 </div> 258 <div class="about-card"> 259 <i class="flaticon-eye"></i> 260 <h4>Ø§ÙØ±Ø¤ÙØ©</h4> 261 <p>Ø§ÙØ±Ùادة ÙÙ ØªÙØ¯Ù٠خد٠ات ÙÙØ±Ø¨Ø§Ø¦ÙØ© ٠تعÙÙØ© Ø¨ØªÙØ²Ùع Ø§ÙØ·Ø§ÙØ© ÙØªÙÙÙØ± ØÙÙÙ Ø§ÙØ·Ø§ÙØ© اÙ٠ستدا٠ة ÙØ§ÙÙ Ø¨ØªÙØ±Ø© Ø§ÙØªÙ ØªØ¯Ø¹Ù Ø§ÙØªÙÙ ÙØ© اÙÙ Ø³ØªØ¯Ø§Ù Ø©Ø ÙÙ٠اÙ٠عاÙÙØ± Ø§ÙØ¯ÙÙÙØ© ÙØ¶Ù ٠أعÙÙ Ù ÙØ§ØµÙات Ø§ÙØ¬Ùدة</p> 262 </div> 263 <a class="default-button" href="about.html">ÙØ±Ø§Ø¡Ø© اÙÙ Ø²ÙØ¯</a> 264 </div> 265 </div> 266 </div> 267 </div> 268 </div> 269</div> 270<!-- about area end --> 271 272<!-- Blog details area end --> 273<div class="newsletter pt-70"> 274 <div class="container"> 275 <div class="newsletter-content"> 276 <div class="row align-items-center"> 277 <div class="col-lg-6"> 278 <div class="default-section-heading"> 279 <h6>Ù٠بتØÙ ÙÙ Ø§ÙØªØ·Ø¨ÙÙ Ø§ÙØ¢Ù </h6> 280 <h3> ÙÙØ¥Ø³ØªÙادة اÙÙØ§Ù ÙØ© </h3> 281 </div> 282 </div> 283 <div class="col-lg-6"> 284 <div class="row"> 285 <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12"> 286 <a href="https://apps.apple.com/us/app/hepco-app/id1542956377" style="width:100% ;padding:15px; background:#000!important;border:000 !important;" type="button" class="default-button btn btn-dark"> <img src="/assets/images/apple.svg"> <span> Apple Store </span> </a> 287 </div> 288 <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12"> 289 <a href="" style="width:100% ;padding:15px; background:#000!important;border:000 !important;" type="button" class="default-button btn btn-dark"> <img src="/assets/images/google.svg"> <span> Google Play </span> </a> 290 </div> 291 </div> 292 </div> 293 </div> 294 </div> 295 </div> 296</div> 297<!-- footer area start --> 298 <!-- style="padding-top:50px !important;" --> 299 <div class="footer pb-100" > 300 <div class="container"> 301 <div class="row"> 302 <div class="col-lg-7 col-md-8 col-sm-12 col-12"> 303 <div class="row"> 304 <div class="col-lg-6 col-md-6 col-sm-6 col-12"> 305 <div class="footer-logo-area"> 306 <a href="/"><img src="/assets/images/newlogo.jpg" width="127" alt="logo"></a> 307 <p>Ø§ÙØ±Ùادة ÙÙ ØªÙØ¯Ù٠خد٠ات ÙÙØ±Ø¨Ø§Ø¦ÙØ© ٠تعÙÙØ© Ø¨ØªÙØ²Ùع Ø§ÙØ·Ø§ÙØ© ÙØªÙÙÙØ± ØÙÙÙ Ø§ÙØ·Ø§ÙØ© اÙ٠ستدا٠ة ÙØ§ÙÙ Ø¨ØªÙØ±Ø© Ø§ÙØªÙ ØªØ¯Ø¹Ù Ø§ÙØªÙÙ ÙØ© اÙÙ Ø³ØªØ¯Ø§Ù Ø©Ø ÙÙ٠اÙ٠عاÙÙØ± Ø§ÙØ¯ÙÙÙØ© ÙØ¶Ù ٠أعÙÙ Ù ÙØ§ØµÙات Ø§ÙØ¬Ùدة</p> 308 <div class="footer-social-links">
309 <span>ØªØ§Ø¨Ø¹ÙØ§: </span> 310 <ul> 311 312 <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 313 <li><a href="https://www.whatsapp.com/" target="_blank"><i class="fab fa-whatsapp"></i></a></li> 314 <li><a href="https://youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a></li> 315 <li><a href="" class="open-android" target="_blank"><i class="fab fa-android"></i></a></li> 316 </ul> 317 </div> 318 </div> 319 </div> 320 <div class="col-lg-6 col-md-6 col-sm-6 col-12"> 321 <div class="footer-links footer-contact"> 322 <h3>Ø§ØªØµÙ Ø¨ÙØ§</h3> 323 <ul> 324 <li> 325 <i class="fas fa-map-marker-alt"></i> 326 <p>Ø§ÙØ¹ÙÙØ§Ù: </p> 327 <a href="https://goo.gl/maps/5qhvD731sdh1kXoH8" target="_blank">شارع عÙÙ Ø®ÙØ± Ø§ÙØ¯ÙÙØ ص.ب. 818 Ø§ÙØ®ÙÙÙ- ÙÙØ³Ø·ÙÙ</a> 328 </li> 329 <li> 330 <i class="fas fa-envelope"></i> 331 <p>Ø§ÙØ¨Ø±Ùد Ø§ÙØ¥ÙÙØªØ±ÙÙÙ:</p> 332 <a href="mailto:[email protected]" target="_blank">[email protected]</a> 333 </li> 334 <li> 335 <i class="fas fa-phone-alt"></i> 336 <p>اÙÙØ§ØªÙ:</p> 337 <a href="tel:+970 2 229818" target="_blank">+970 2 229818</a> 338 </li> 339 </ul> 340 </div> 341 </div> 342 </div> 343 </div> 344 345 <div class="col-lg-3 col-md-6 col-sm-12 col-12"> 346 <div class="row"> 347 <!-- <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 348 <div class="footer-links footer-quick-links"> 349 <h3>Ø±ÙØ§Ø¨Ø· Ø³Ø±ÙØ¹Ø©</h3> 350 <ul> 351 <li><a href="/ar/ar"><i class="fas fa-long-arrow-alt-left"></i> Ø§ÙØ±Ø¦ÙØ³ÙØ© </a></li> 352 <li><a href="/ar/about"><i class="fas fa-long-arrow-alt-left"></i> Ù Ù ÙØÙ </a></li> 353 <li><a href="/ar/reports"><i class="fas fa-long-arrow-alt-left"></i> Ø§ÙØªÙØ§Ø±ÙØ± Ø§ÙØ³ÙÙÙØ© </a></li> 354 <li><a href="/ar/contact"><i class="fas fa-long-arrow-alt-left"></i> Ø§ØªØµÙ Ø¨ÙØ§ </a></li> 355 </ul> 356 </div> 357 </div> --> 358 <div class="col-lg-12 col-md-8 col-sm-6 col-12"> 359 <div class="footer-links footer-quick-links"> 360 <h3> Ø±ÙØ§Ø¨Ø· Ø®Ø§Ø±Ø¬ÙØ©</h3> 361 <ul> 362 <li><a href="http://www.hebron-city.ps/"><i class="fas fa-long-arrow-alt-left"></i> Ø¨ÙØ¯ÙØ© Ø§ÙØ®ÙÙÙ </a></li> 363 <li><a href="https://www.penra.pna.ps/ar/index.php?p=home"><i class="fas fa-long-arrow-alt-left"></i> Ø³ÙØ·Ø© Ø§ÙØ·Ø§ÙØ© ÙØ§ÙÙ ÙØ§Ø±Ø¯ Ø§ÙØ·Ø¨ÙØ¹ÙØ© </a></li> 364 <li><a href="https://www.perc.ps/"><i class="fas fa-long-arrow-alt-left"></i> Ù Ø¬ÙØ³ ØªÙØ¸ÙÙ ÙØ·Ø§Ø¹ اÙÙÙØ±Ø¨Ø§Ø¡ اÙÙÙØ³Ø·ÙÙÙ </a></li> 365 <li><a href="https://www.petl.ps/ar"><i class="fas fa-long-arrow-alt-left"></i> Ø§ÙØ´Ø±ÙØ© اÙÙÙØ³Ø·ÙÙÙØ© ÙÙÙ٠اÙÙÙØ±Ø¨Ø§Ø¡ </a></li> 366 </ul> 367 </div> 368 </div> 369 </div> 370 </div> 371 372 <div class="col-lg-2 col-md-2 col-sm-12 col-12"> 373 <div class="row"> 374 <div class="footer-links footer-payment-methods text-center" > 375 <h3>ÙØ³Ø§Ø¦Ù Ø§ÙØ¯Ùع</h3> 376 <div class="payment-methods" > 377 <img src="/images/master.png" alt="Mastercard" class="payment-method-img" style="max-width: 70px; width: 70px; height: 40px; background-color: white; padding: 3px 8px 3px 8px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); cursor: pointer;"> 378 <img src="/images/visa.png" alt="Visa" class="payment-method-img" style="max-width:70px; width: 70px; height: 40px; background-color: white; padding: 8px; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); cursor: pointer;"> 379 </div> 380 <br> 381 <div class="footer-links footer-quick-links"> 382 <ul> 383 <li> <a href="/ar-privacy-policy"><i class="fas fa-long-arrow-alt-left"></i> Ø³ÙØ§Ø³Ø© Ø§ÙØ®ØµÙØµÙØ© </a> </li> 384 <li> <a href="/ar-return-policy"><i class="fas fa-long-arrow-alt-left"></i> Ø³ÙØ§Ø³Ø© Ø§ÙØ§Ø³ØªØ±Ø¬Ø§Ø¹ </a> </li> 385 </ul> 386 </div> 387 </div> 388 </div> 389 </div> 390 </div> 391 392 <!-- <div class="row mt-4"> 393 <div class="col-12"> 394 <div class="footer-links footer-payment-methods text-center"> 395 <h3>ÙØ³Ø§Ø¦Ù Ø§ÙØ¯Ùع</h3> 396 <div class="payment-methods"> 397 <img src="/images/master.jpeg" alt="Mastercard" class="payment-method-img" style="max-width: 100px; width: 100px; height: 60px; margin-bottom: 10px;"> 398 <br> 399 <img src="/images/visa.jpeg" alt="Visa" class="payment-method-img" style="max-width: 120px; width: 120px; height: 60px;"> 400 </div> 401 </div> 402 </div> 403 </div> --> 404 </div> 405</div> 406<!-- footer area end --> 407 408<div class="copyright"> 409 <div class="container"> 410 <p>Copyright @
410<script>document.write(new Date().getFullYear())</script>
410. <strong>IT Hepco</strong> ØÙÙÙ Ø§ÙØ·Ø¨Ø¹ Ù ØÙÙØ¸Ø© ÙØ¯Ù <a target="_blank" href="#">Hepco</a></p> 411 </div> 412</div> 413 414 <!-- popup area start --> 415 <div class="popup"> 416 <div class="popup-content"> 417 <button class="close-btn" id="popup-close"><i class="fas fa-times"></i></button> 418 <form> 419 <div class="input-group search-box"> 420 <input type="text" class="form-control" placeholder="Search"> 421 <button class="btn" type="submit"><i class="fas fa-search"></i></button> 422 </div> 423 </form> 424 </div> 425</div> 426<!-- popup area end --> 427 428<div class="go-top"><i class="fas fa-angle-double-up"></i></div> 429 430 431 <!-- Link of JS files --> 432 <!--
432<script src="/qgis/proj4.js"></script>
432 --> 433 434
434<script src="/assets/js/jquery.min.js"></script>
434 435
435<script src="/assets/js/bootstrap.bundle.min.js"></script>
435 436
436<script src="/assets/js/meanmenu.js"></script>
436 437
437<script src="/assets/js/owl.carousel.min.js"></script>
437 438
438<script src="/assets/js/magnific-popup.min.js"></script>
438 439
439<script src="/assets/js/nice-number.min.js"></script>
439 440
440<script src="/assets/js/nice-select.min.js"></script>
440 441
441<script src="/assets/js/appear.min.js"></script>
441 442
442<script src="/assets/js/progress-bar.min.js"></script>
442 443
443<script src="/assets/js/odometer.min.js"></script>
443 444
444<script src="/assets/js/jquery.qrcode.min.js"></script>
444 445 446 <!-- CSS --> 447 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> 448 449 450 451
451<script src="/assets/js/custom_ar.js"></script>
451 452 453 454
454<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ol.js"></script>
454 455
455<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/proj4.js"></script>
455 456 <!--
456<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
456 --> 457
457<script src="/js/qgis/js/ol-popup.js"></script>
457 458 459
459<script> 460 461 462 $('.open-android').click(function(){ 463 window.location = 'ionicapp://pcnc?data=1231231232'; 464 }); 465 466 467 // Define the EPSG:28191 projection using proj4 468 proj4.defs("EPSG:28191", "+proj=lcc +lat_1=33.3 +lat_2=35.3 +lat_0=31.666667 +lon_0=-92 +x_0=600000 +y_0=0 +datum=NAD27 +units=m +no_defs"); 469 // Register the projection with OpenLayers 470 ol.proj.addProjection(new ol.proj.Projection({ 471 code: 'EPSG:28191', 472 extent: [153999.08992401347, 93999.6464944185, 473 168001.86583096048, 115999.48042598649], // Adjust the extent as needed 474 units: 'm' 475 })); 476 // Add a transform function 477 ol.proj.addCoordinateTransforms( 478 'EPSG:4326', 479 'EPSG:28191', 480 function (coordinate) { 481 return proj4('EPSG:4326', 'EPSG:28191', coordinate); 482 }, 483 function (coordinate) { 484 return proj4('EPSG:28191', 'EPSG:4326', coordinate); 485 } 486 ); 487 488 </script>
488 489
490<script> 491 492</script>
492 493 494 </body> 495</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.