1<!DOCTYPE html> 2<html lang="zxx"> 3 4<head> 5 <meta charset="utf-8" /> 6 <meta http-equiv="x-ua-compatible" content="ie=edge" /> 7 <title>vision-mission</title> 8 <meta content="" name="description" /> 9 <meta content="" name="keywords" /> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 11 <meta content="telephone=no" name="format-detection" /> 12 <meta name="HandheldFriendly" content="true" /> 13 <link rel="stylesheet" href="https://danlawtechnologies.com/public/assets/css/master.css" /> 14 <link rel="stylesheet" href="https://danlawtechnologies.com/public/assets/css/index.css" /> 15 <!-- SWITCHER--> 16 <link https://danlawtechnologies.com/public/assets/plugins/switcher/css/switcher.css" rel="stylesheet" id="switcher-css" /> 17 <link href="https://danlawtechnologies.com/public/assets/plugins/switcher/css/color1.css" rel="alternate stylesheet" title="color1" /> 18 <link href="https://danlawtechnologies.com/public/assets/plugins/switcher/css/color2.css" rel="alternate stylesheet" title="color2" /> 19 <link href="https://danlawtechnologies.com/public/assets/plugins/switcher/css/color3.css" rel="alternate stylesheet" title="color3" /> 20 <link href="https://danlawtechnologies.com/public/assets/plugins/switcher/css/color4.css" rel="alternate stylesheet" title="color4" /> 21 <link rel="icon" type="image/x-icon" href="https://danlawtechnologies.com/public/DanlawImages/favicon.png" /> 22 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 23 <link rel="stylesheet" href="https://danlawtechnologies.com/public/assets/css/styles.css"> 24 25 <!--[if lt IE 9 ]>
26<script src="assets/js/separate-js/html5shiv-3.7.2.min.js" type="text/javascript"></script>
26<meta content="no" http-equiv="imagetoolbar"> 27<![endif]--> 28</head> 29 30<body> 31 <!-- Loader--> 32 <div id="page-preloader"><span class="spinner border-t_second_b border-t_prim_a"></span> 33 </div> 34 <!-- Loader end--> 35 <!-- ==========================--> 36 <!-- MOBILE MENU--> 37 <!-- ==========================--> 38 <div data-off-canvas="mobile-slidebar left overlay"> 39 <a class="navbar-brand scroll" href="https://danlawtechnologies.com/"> 40 <img class="normal-logo img-resonsive visible-xs visible-sm" 41 src="https://danlawtechnologies.com/public/DanlawImages/xDanlawLogoWhite-WebSize-01.png.pagespeed.ic.masKcBbdiX.png" alt="logo" /> 42 <img class="scroll-logo img-resonsive hidden-xs hidden-sm" 43 src="https://danlawtechnologies.com/public/DanlawImages/xDanlawLogoWhite-WebSize-01.png.pagespeed.ic.masKcBbdiX.png" alt="logo" /> 44 </a> 45 <ul class="nav navbar-nav mobile-nav"> 46 47 <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Company <b 48 class="caret"></b></a> 49 <ul class="dropdown-menu" role="menu" id="dp-1"> 50 <li><a href="https://danlawtechnologies.com/vision-mission" tabindex="-1">Vision & Mission</a> 51 </li> 52 <li><a href="https://danlawtechnologies.com/about-us" tabindex="-1">About Us</a> 53 </li> 54 <li><a href="https://danlawtechnologies.com/awards" tabindex="-1">Awards and Recognitions</a> 55 </li> 56 <li><a href="https://danlawtechnologies.com/csr" tabindex="-1">CSR</a> 57 </li> 58 </ul> 59 60 </li> 61 62 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Products<b 63 class="caret"></b></a> 64 <ul class="dropdown-menu" role="menu" id="dp-2"> 65 66 <li><a href="https://danlawtechnologies.com/tcu-data-collection" tabindex="-1">Telematics Product</a> 67 </li> 68 <li><a href="https://danlawtechnologies.com/data-logger" tabindex="-1">Data Logger</a> 69 </li> 70 <li><a href="https://danlawtechnologies.com/body-control-data-send" tabindex="-1">Body Control Products</a> 71 </li> 72 <li><a href="https://danlawtechnologies.com/test-tool-page" tabindex="-1">Testing products</a> 73 </li> 74 75 </ul> 76 </li> 77 78 79 80 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Ecosystem<b 81 class="caret"></b></a> 82 <ul class="dropdown-menu" role="menu" id="dp-3"> 83 84 <li><a href="https://danlawtechnologies.com/engineering" tabindex="-1">Engineering</a> 85 </li> 86 87 <li><a href="https://danlawtechnologies.com/manufacturing" tabindex="-1">Manufacturing</a> 88 </li> 89 <li><a href="https://danlawtechnologies.com/cloud" tabindex="-1">Cloud</a> 90 </li> 91 </ul> 92 93 94 </li> 95 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Investor<b class="caret"></b></a> 96 <ul class="dropdown-menu" role="menu" id="dp-3"> 97 98 <li><a href="https://investor.danlawtechnologies.com/">Overview</a></li> 99 <li><a href="https://investor.danlawtechnologies.com/financial-statements/">Financial Statements</a></li> 100 <li><a href="https://investor.danlawtechnologies.com/share-holding-pattern/">Share Holding Pattern</a></li> 101 <li><a href="https://investor.danlawtechnologies.com/general-meetings/">General Meetings</a></li> 102 <li><a href="https://investor.danlawtechnologies.com/postal-ballot/">Postal Ballot</a></li> 103 <li><a href="https://investor.danlawtechnologies.com/corporate-governance/">Corporate Governance</a></li> 104 <li><a href="https://investor.danlawtechnologies.com/corporate-announcements/">Corporate Announcements</a></li> 105 <li><a href="https://investor.danlawtechnologies.com/investor-relations-and-contact-us/">Investor Relations and Contact Us</a></li> 106 <li><a href="https://investor.danlawtechnologies.com/intimation-to-stock-exchange/">Intimation to Stock Exchange</a></li> 107 <li><a href="https://investor.danlawtechnologies.com/statement-on-complaints/">Statement on Complaints</a></li> 108 <li><a href="https://investor.danlawtechnologies.com/scheme-of-amalgamation/">Scheme of Amalgamation</a></li> 109 <li><a href="https://investor.danlawtechnologies.com/shareholders-information/">Shareholders Information</a></li> 110 <li><a href="https://investor.danlawtechnologies.com/secretarial-compliance-report/">Secretarial Compliance Report</a></li> 111 <li><a href="https://investor.danlawtechnologies.com/policies/">Policies</a></li> 112 113 114 115 116 </ul> 117 118 119 </li> 120 <!-- <li><a href="https://danlawtechnologies.com/clients">Clientele</a></li> --> 121 <li><a href="https://danlawtechnologies.com/careers">Careers</a></li> 122 <li><a href="https://danlawtechnologies.com/contactus">Contact Us</a> 123 124 </li> 125 </ul> 126 </div> 127 <div class="l-theme animated-css" data-header="sticky" data-header-top="200" data-canvas="container"> 128 <!-- Start Switcher--> 129 130 <!-- end switcher--> 131 <!-- ==========================--> 132 <!-- SEARCH MODAL--> 133 <!-- ==========================--> 134 <div class="header-search open-search"> 135 <div class="container"> 136 <div class="row"> 137 <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"> 138 <div class="navbar-search"> 139 <form class="search-global"> 140 <input class="search-global__input" type="text" placeholder="Type to search" 141 autocomplete="off" name="s" value="" /> 142 <button class="search-global__bt
142n"><i class="icon stroke icon-Search"></i> 143 </button> 144 <div class="search-global__note">Begin typing your search above and press return to 145 search.</div> 146 </form> 147 </div> 148 </div> 149 </div> 150 </div> 151 <button class="search-close close" type="button"><i class="fa fa-times"></i> 152 </button> 153 </div> 154 <div data-off-canvas="slidebar-1 left overlay"> 155 <ul class="nav navbar-nav"> 156 <li><a class="scrollTo" href="#features-section">features</a> 157 </li> 158 <li><a class="scrollTo" href="#services-section">Services</a> 159 </li> 160 <li><a class="scrollTo" href="#works-section">Works</a> 161 </li> 162 <li><a class="scrollTo" href="#about-section">About</a> 163 </li> 164 <li><a class="scrollTo" href="#team-section">Team</a> 165 </li> 166 <li><a href="#">News</a> 167 <div class="wrap-inside-nav"> 168 <div class="inside-col"> 169 <ul class="inside-nav"> 170 <li><a href="https://danlawtechnologies.com/blog">Blog 1</a> 171 </li> 172 <li><a href="https://danlawtechnologies.com/blog-2">Blog 2</a> 173 </li> 174 <li><a href="https://danlawtechnologies.com/blog-single">Blog single</a> 175 </li> 176 </ul> 177 </div> 178 </div> 179 </li> 180 <li><a href="#">Portfolio</a> 181 <div class="wrap-inside-nav"> 182 <div class="inside-col"> 183 <ul class="inside-nav"> 184 <li><a href="https://danlawtechnologies.com/portfolio">Portfolio</a> 185 </li> 186 <li><a href="https://danlawtechnologies.com/portfolio-single">Portfolio single</a> 187 </li> 188 </ul> 189 </div> 190 </div> 191 </li> 192 <li><a href="#">Contact</a> 193 <div class="wrap-inside-nav"> 194 <div class="inside-col"> 195 <ul class="inside-nav"> 196 <li><a href="https://danlawtechnologies.com/contact">Contact 1</a> 197 </li> 198 <li><a href="https://danlawtechnologies.com/contact-2">Contact 2</a> 199 </li> 200 <li><a href="https://danlawtechnologies.com/contact-3">Contact 3</a> 201 </li> 202 </ul> 203 </div> 204 </div> 205 </li> 206 </ul> 207 </div> 208 <header 209 class="header header-boxed-width navbar-fixed-top header-background-white header-color-black header-topbar-dark header-logo-black header-topbarbox-1-left header-topbarbox-2-right header-navibox-1-left header-navibox-2-right header-navibox-3-right header-navibox-4-right"> 210 <div class="container container-boxed-width"> 211 212 <nav class="navbar" id="nav"> 213 <div class="container navcontainer"> 214 <div class="header-navibox-1"> 215 <!-- Mobile Trigger Start--> 216 <button 217 class="menu-mobile-button visible-xs-block js-toggle-mobile-slidebar toggle-menu-button"><i 218 class="toggle-menu-button-icon"><span></span><span></span><span></span><span></span><span></span><span></span></i> 219 </button> 220 <!-- Mobile Trigger End--> 221 <a class="navbar-brand scroll" href="https://danlawtechnologies.com/"> 222 <img class="normal-logo img-responsive" 223 src="https://danlawtechnologies.com/public/DanlawImages/xDanlawLogoWhite-WebSize-01.png.pagespeed.ic.masKcBbdiX.png" 224 alt="logo" /> 225 <img class="scroll-logo hidden-xs img-responsive" 226 src="https://danlawtechnologies.com/public/DanlawImages/xDanlawLogoWhite-WebSize-01.png.pagespeed.ic.masKcBbdiX.png" 227 alt="logo" /> 228 </a> 229 </div> 230 231 <div class="header-navibox-2"> 232 <ul class="yamm main-menu nav navbar-nav"> 233 <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Company <b class="caret"></b></a> 234 <ul class="dropdown-menu" role="menu" id="dp-1"> 235 <li><a href="https://danlawtechnologies.com/vision-mission" tabindex="-1">Vision & Mission</a> 236 </li> 237 <li><a href="https://danlawtechnologies.com/about-us" tabindex="-1">About Us</a> 238 </li> 239 <li><a href="https://danlawtechnologies.com/awards" tabindex="-1">Awards and Recognitions</a> 240 </li> 241 <li><a href="https://danlawtechnologies.com/csr" tabindex="-1">CSR</a> 242 </li> 243 </ul> 244 245 246 </li> 247 248 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Products<b class="caret"></b></a> 249 <ul class="dropdown-menu" role="menu" id="dp-2"> 250 251 <li><a href="https://danlawtechnologies.com/tcu-data-collection" tabindex="-1">Telematics Product</a> 252 </li> 253 <li><a href="https://danlawtechnologies.com/data-logger" tabindex="-1">Data Logger</a> 254 </li> 255 <li><a href="https://danlawtechnologies.com/body-control-data-send" tabindex="-1">Body Control Products</a> 256 </li> 257 <li><a href="https://danlawtechnologies.com/test-tool-page" tabindex="-1">Testing products</a> 258 </li> 259 260 </ul> 261 </li> 262 263 264 265 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Ecosystem<b class="caret"></b></a> 266 <ul class="dropdown-menu" role="menu" id="dp-3"> 267 268 <li><a href="https://danlawtechnologies.com/engineering" tabindex="-1">Engineering</a> 269 </li> 270 271 <li><a href="https://danlawtechnologies.com/manufacturing" tabindex="-1">Manufacturing</a> 272 </li> 273 <li><a href="https://danlawtechnologies.com/cloud" tabindex="-1">Cloud</a> 274 </li> 275 </ul> 276 277 278 </li> 279 280 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Investor<b class="caret"></b></a> 281 <ul class="dropdown-menu" role="menu" id="dp-3"> 282 283 <li><a href="https://investor.danlawtechnologies.com/">Overview</a></li> 284 <li><a href="https://investor.danlawtechnologies.com/financial-statements/">Financial Statements</a></li> 285 <li><a href="https://investor.danlawtechnologies.com/share-holding-pattern/">Share Holding Pattern</a></li> 286 <li><a href="https://investor.danlawtechnologies.com/general-meetings/">General Meetings</a></li> 287 <li><a href="https://investor.danlawtechnologies.com/postal-ballot/">Postal Ballot</a></li> 288 <li><a href="https://investor.danlawtechnologies.com/corporate-governance/">Corporate Governance</a></li> 289 <li><a href="https://investor.danlawtechnologies.com/corporate-announcements/">Corporate Announcements</a></li> 290 <li><a href="https://investor.danlawtechnologies.com/investor-relations-and-contact-us/">Investor Relations and Contact Us</a></li> 291 <li><a href="https://investor.danlawtechnologies.com/intimation-to-stock-exchange/">Intimation to Stock Exchange</a></li> 292 <li><a href="https://investor.danlawtechnologies.com/statement-on-complaints/">Statement on Complaints</a></li> 293 <li><a href="https://investor.danlawtechnologies.com/scheme-of-amalgamation/">Scheme of Amalgamation</a></li> 294 <li><a href="https://investor.danlawtechnologies.com/shareholders-information/">Shareholders Information</a></li> 295 <li><a href="https://investor.danlawtechnologies.com/secretarial-compliance-report/">Secretarial Compliance Report</a></li> 296 <li><a href="https://investor.danlawtechnologies.com/policies/">Policies</a></li> 297 298 299 300 301 </ul> 302 303 304 </li> 305 <!-- <li ><a href="https://danlawtechnologies.com/clients">Clientele</a></li> --> 306 <li><a href="https://danlawtechnologies.com/careers">Careers</a></li> 307 <li ><a href="https://danlawtechnologies.com/contactus">Contact Us</a> 308 309 </li> 310 </ul> 311 </div> 312 </div> 313 </nav> 314 </div> 315 </header><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 316 317<style> 318 ul li{ 319 list-style: square !important; 320 321 } 322 323 324 * { 325 box-sizing: border-box; 326} 327 328:root { 329 --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 330 --animation-duration: 1s; 331 } 332 333 @-webkit-keyframes slideInUp { 334 0% { 335 opacity: 0; 336 transform: translateY(25%); 337 } 338 100% { 339 opacity: 1;
340 transform: none; 341 } 342 } 343 344 @keyframes slideInUp { 345 0% { 346 opacity: 0; 347 transform: translateY(25%); 348 } 349 100% { 350 opacity: 1; 351 transform: none; 352 } 353 } 354 @-webkit-keyframes slideInDown { 355 0% { 356 opacity: 0; 357 transform: translateY(-25%); 358 } 359 100% { 360 opacity: 1; 361 transform: none; 362 } 363 } 364 @keyframes slideInDown { 365 0% { 366 opacity: 0; 367 transform: translateY(-25%); 368 } 369 100% { 370 opacity: 1; 371 transform: none; 372 } 373 } 374 @-webkit-keyframes slideInleft { 375 0% { 376 opacity: 0; 377 transform: translateX(25%); 378 } 379 100% { 380 opacity: 1; 381 transform: none; 382 } 383 } 384 @keyframes slideInleft { 385 0% { 386 opacity: 0; 387 transform: translateX(25%); 388 } 389 100% { 390 opacity: 1; 391 transform: none; 392 } 393 } 394 @-webkit-keyframes slideInRight { 395 0% { 396 opacity: 0; 397 transform: translateX(-25%); 398 } 399 100% { 400 opacity: 1; 401 transform: none; 402 } 403 } 404 @keyframes slideInRight { 405 0% { 406 opacity: 0; 407 transform: translateX(-25%); 408 } 409 100% { 410 opacity: 1; 411 transform: none; 412 } 413 } 414 @-webkit-keyframes fadeIn { 415 0% { 416 opacity: 0; 417 } 418 100% { 419 opacity: 1; 420 } 421 } 422 @keyframes fadeIn { 423 0% { 424 opacity: 0; 425 } 426 100% { 427 opacity: 1; 428 } 429 } 430 @-webkit-keyframes zoomIn { 431 0% { 432 opacity: 0; 433 transform: scale(0.75); 434 } 435 100% { 436 opacity: 1; 437 transform: none; 438 } 439 } 440 @keyframes zoomIn { 441 0% { 442 opacity: 0; 443 transform: scale(0.75); 444 } 445 100% { 446 opacity: 1; 447 transform: none; 448 } 449 } 450 @-webkit-keyframes zoomReverseIn { 451 0% { 452 opacity: 0; 453 transform: scale(1.25); 454 } 455 100% { 456 opacity: 1; 457 transform: none; 458 } 459 } 460 @keyframes zoomReverseIn { 461 0% { 462 opacity: 0; 463 transform: scale(1.25); 464 } 465 100% { 466 opacity: 1; 467 transform: none; 468 } 469 } 470 @-webkit-keyframes flipInY { 471 0% { 472 opacity: 0; 473 transform: perspective(90vw) rotateY(67.5deg); 474 } 475 100% { 476 opacity: 1; 477 transform: none; 478 } 479 } 480 @keyframes flipInY { 481 0% { 482 opacity: 0; 483 transform: perspective(90vw) rotateY(67.5deg); 484 } 485 100% { 486 opacity: 1; 487 transform: none; 488 } 489 } 490 [data-animation] { 491 opacity: 0; 492 -webkit-animation-timing-function: var(--animation-timing-function); 493 animation-timing-function: var(--animation-timing-function); 494 -webkit-animation-fill-mode: both; 495 animation-fill-mode: both; 496 -webkit-animation-duration: var(--animation-duration); 497 animation-duration: var(--animation-duration); 498 will-change: transform, opacity; 499 } 500 501 .animations-disabled, 502 .animations-disabled [data-animation] { 503 -webkit-animation: none !important; 504 animation: none !important; 505 opacity: 1 !important; 506 } 507 508 .slideInUp { 509 -webkit-animation-name: slideInUp; 510 animation-name: slideInUp; 511 } 512 513 .slideInDown { 514 -webkit-animation-name: slideInDown; 515 animation-name: slideInDown; 516 } 517 518 .slideInLeft { 519 -webkit-animation-name: slideInleft; 520 animation-name: slideInleft; 521 } 522 523 .slideInRight { 524 -webkit-animation-name: slideInRight; 525 animation-name: slideInRight; 526 } 527 528 .fadeIn { 529 -webkit-animation-name: fadeIn; 530 animation-name: fadeIn; 531 } 532 533 .zoomIn { 534 -webkit-animation-name: zoomIn; 535 animation-name: zoomIn; 536 } 537 538 .zoomReverseIn { 539 -webkit-animation-name: zoomReverseIn; 540 animation-name: zoomReverseIn; 541 } 542 543 .flipInY { 544 -webkit-animation-name: flipInY; 545 animation-name: flipInY; 546 } 547 548 .flipOutY { 549 -webkit-animation-name: flipInY; 550 animation-name: flipInY; 551 animation-direction: reverse; 552 } 553</style> 554 555 556 557<div class="section-title-page area-bg area-bg_dark area-bg_op_70" style="background-image: url('https://danlawtechnologies.com/public/assets/media/components/vision_mission_top_banner-1.jpg'); width'100%';background-size:cover; backgound-position:center; "> 558 <div class="area-bg__inner"> 559 <div class="container"> 560 <div class="row"> 561 <div class="col-xs-12"> 562 <h1 class="b-title-page bg-primary_a">Vision & Mission</h1> 563 </div> 564 </div> 565 </div> 566 </div> 567 </div> 568 <!-- end .b-title-page--> 569<section> 570 <div class="container"> 571 <div class="row" > 572 <div class="col-md-8" data-animation="slideInRight" data-animation-delay=".5s" style="padding-top: 80px;"> 573 <h4 class="" >Vision</h4>
574 <span style=\"font-size: 16px;\">DTIL envisions to be</span><br><ul><li><i class=\"bi bi-record-fill\"></i>A preferred employer of knowledge professionals.</li><li><i class=\"bi bi-record-fill\"></i>A preferred technology solutions partner for its customers.</li><li><i class=\"bi bi-record-fill\"></i>A product company that pioneers innovation in high technology.<br></li></ul> </div> 575 <div class="col-md-4" data-animation="slideInLeft" data-animation-delay=".5s"> 576 <img src="https://danlawtechnologies.com/frontfiles/content/b390f66755f8cb3310846aaeaac968a5.jpg" width="300px" height="300px" alt="" style="border-radius: 50%;"> 577 </div> 578 579 </div> 580 </div> 581 </section> 582 583 <section> 584 <div class="container"> 585 <div class="row" data-animation="slideInUp" data-animation-delay=".5s"> 586 <div class="col-md-4 "> 587 <img src="https://danlawtechnologies.com/frontfiles/content/72617f59bc5441a4da11cd543c2f25cb.jpg" width="300px" height="300px" alt="" style="border-radius: 50%;"> 588 </div> 589 <div class="col-md-8 " style="padding-top: 80px;"> 590 <h4 class="" >Mission</h4> 591 <ul> 592<li>To provide high quality services and products in Automotive Electronics.</li> 593<li>To build quality into services and products to achieve highest degree of customer and shareholder satisfaction.</li> 594</ul> </div> 595 596 <div class="col-xs-12 text-center"> 597 598 <a href="https://danlawtechnologies.com/frontfiles/content/VISION_MISSON_Quality_Policy.pdf" class="new-button" target="_blank"><b style="color:rgb(10, 25, 126);"> Danlawâs Quality Policy</b></a> 599 </div> 600 </div> 601 </div> 602 </section> 603 604
604<script src="https://danlawtechnologies.com/public/assets/plugins.js"></script>
604 605
605<script src="https://danlawtechnologies.com/public/assets/plugins-2.js"></script>
605 606
606<script> 607//animation js 608const AnimateOnScroll = function ({ offset } = { offset: 10 }) { 609 // Define a dobra superior, inferior e laterais da tela 610 const windowTop = offset * window.innerHeight / 100; 611 const windowBottom = window.innerHeight - windowTop; 612 const windowLeft = 0; 613 const windowRight = window.innerWidth; 614 615 this.start = element => { 616 window.requestAnimationFrame(() => { 617 // Seta os atributos customizados 618 element.style.animationDelay = element.dataset.animationDelay; 619 element.style.animationDuration = element.dataset.animationDuration; 620 621 // Inicia a animacao setando a classe para animar 622 element.classList.add(element.dataset.animation); 623 624 // Seta o elemento como animado 625 element.dataset.animated = "true"; 626 }); 627 }; 628 629 this.inViewport = element => { 630 // Obtem o boundingbox do elemento 631 const elementRect = element.getBoundingClientRect(); 632 const elementTop = 633 elementRect.top + parseInt(element.dataset.animationOffset) || 634 elementRect.top; 635 const elementBottom = 636 elementRect.bottom - parseInt(element.dataset.animationOffset) || 637 elementRect.bottom; 638 const elementLeft = elementRect.left; 639 const elementRight = elementRect.right; 640 641 // Verifica se o elemento esta na tela 642 return ( 643 elementTop <= windowBottom && 644 elementBottom >= windowTop && 645 elementLeft <= windowRight && 646 elementRight >= windowLeft); 647 648 }; 649 650 // Percorre o array de elementos, verifica se o elemento está na tela e inicia animação 651 this.verifyElementsInViewport = (els = elements) => { 652 for (let i = 0, len = els.length; i < len; i++) { 653 // Passa para o proximo laço se o elemento ja estiver animado 654 if (els[i].dataset.animated) continue; 655 656 this.inViewport(els[i]) && this.start(els[i]); 657 } 658 }; 659 660 // Obtem todos os elementos a serem animados 661 this.getElements = () => 662 document.querySelectorAll("[data-animation]:not([data-animated])"); 663 664 // Atualiza a lista de elementos a serem animados 665 this.update = () => { 666 elements = this.getElements(); 667 elements && this.verifyElementsInViewport(elements); 668 }; 669 670 // Inicia os eventos 671 window.addEventListener("load", this.update, false); 672 window.addEventListener( 673 "scroll", 674 () => this.verifyElementsInViewport(elements), 675 { passive: true }); 676 677 window.addEventListener( 678 "resize", 679 () => this.verifyElementsInViewport(elements), 680 { passive: true }); 681 682}; 683 684// Initialize 685const options = { 686 offset: 15 // percentage of the window 687}; 688 689const animation = new AnimateOnScroll(options); 690 691</script>
691 692 693 694<div class="team-boxed" style="padding-top:50px"> 695 <footer> 696 <div class="container"> 697 <div class="row"> 698 <div class="col-lg-4 col-md-4"> 699 <ul class="adress"> 700 <img class="footer-logo" 701 src="https://danlawtechnologies.com/public/DanlawImages/xDanlawLogoWhite-WebSize-01.png.pagespeed.ic.masKcBbdiX.png" alt=""> 702 703 704 705 </ul> 706 </div> 707 708 <div class="col-lg-4 col-md-4"> 709 <ul class="contact link-cont"> 710 <h2 class="footerheading">Quick Links</h2> 711 <li class="link-wrapper"> 712 <a href="https://danlawtechnologies.com/#product" class="link hover-1" target="#product">Products</a> 713 </li> 714 <li class="link-wrapper"> 715 <a href="https://danlawtechnologies.com/about-us" class="link hover-1" >About Us</a> 716 </li> 717 <li class="link-wrapper"> 718 <a href="https://danlawtechnologies.com/contactus" class="link hover-1" >Contact Us</a> 719 </li> 720 721 <li class="link-wrapper"> 722 <a href="https://danlawtechnologies.com/privacy-policy" class="link hover-1">Privacy Policy</a> 723 </li> 724 725 <li class="link-wrapper"> 726 <a href="https://danlawtechnologies.com/terms-conditions" class="link hover-1">Terms of Service</a> 727 </li> 728 </ul> 729 </div> 730 <div class="col-lg-4 col-md-4 contact_info_setup"> 731 <h2 class="footerheading">Contact Info</h2> 732 <ul> 733 <li><i class="fa fa-phone" aria-hidden="true" style="color:white"></i><p><a href="tel: +91 40 23542499" style="color: white;"> +91 40 23542499</a></p></li> 734 <li><i class="fa fa-envelope-o" aria-hidden="true" style="color:white"></i><p><a href = "mailto: [email protected]" style="color: white;">[email protected]</a></p></li> 735 <li><i class="fa fa-map-marker" aria-hidden="true" style="color:white"></i><p><a style="color: white;">Unit No. 201 & 202 & 203, Gowra Fountainhead, 736 Huda Techno Enclave, 737 Patrikanagar, Madhapur, Hitechcity 738 Hyderabad â 500 081.</a></p></li> 739 </ul> 740 <!-- <p> <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel: +91 40 23542499" style="color: white;"> +91 40 23542499</a></p> 741 <p><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href = "mailto: [email protected]" style="color: white;">[email protected]</a></p> 742 <p><i class="fa fa-map-marker" aria-hidden="true" style="color: white;"></i><a style="color: white;"><p>Unit No. 201 & 202 & 203, Gowra Fountainhead, 743 Huda Techno Enclave, 744 Patrikanagar, Madhapur, Hitechcity 745 Hyderabad â 500 081.</a></p></p> 746 <p> --> 747 <ul class="social"> 748 <li><a href="https://www.facebook.com/DanlawTech" id="rotate-social-icons" target="_blank"><i class="fa fa-facebook fa-2x"></i></a></li> 749 <li><a href="https://twitter.com/danlawtech?lang=en" id="rotate-social-icons" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li> 750 <li><a href="https://in.linkedin.com/company/danlaw-technologies-india-ltd?original_referer=" id="rotate-social-icons" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a></li> 751 <li><a href="https://www.youtube.com/channel/UC_SEh6eVpB6OubEaj3o7Yow" id="rotate-social-icons" target="_blank"><i class="fa fa-youtube-play fa-2x"></i></a></li> 752 </ul> 753 </div> 754 <!-- <div class="col-lg-3 col-md-3"> 755 <ul class="social"> 756 <h2 class="footerheading">Contact Info</h2> 757 <p > <i class="fa fa-phone" aria-hidden="true"></i> <a href="" style="color: white;"> +91 40 23542499</a></p> 758 <p><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href="" style="color: white;"> [email protected]</a></p> 759 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="" style="color: white;">Unit No. 201 & 202 & 203, Gowra Fountainhead, 760 Huda Techno Enclave, 761 Patrikanagar, Madhapur, Hitechcity 762 Hyderabad â 500 081.</p> 763 <li><a href="https://www.facebook.com/DanlawTech id="rotate-social-icons"><i class="fa fa-facebook fa-2x"></i></a></li> 764 <li><a href="https://twitter.com/danlawtech?lang=en id="rotate-social-icons"><i class="fa fa-twitter fa-2x"></i></a></li> 765 <li><a href="https://www.linkedin.com/company/danlaw-technologies-india-ltd/mycompany/ id="rotate-social-icons"><i class="fa fa-linkedin fa-2x"></i></a></li> 766 <li><a href="https://www.youtube.com/channel/UC_SEh6eVpB6OubEaj3o7Yow id="rotate-social-icons"><i class="fa fa-youtube-play fa-2x"></i></a></li> 767 </ul> 768 </div> --> 769 </div> 770 </div> 771 </footer> 772 <section class="footer-bottom" style="background-color:black ;"> 773 <div class="container"> 774 <div class="row mt-0"> 775 <div class="col-md-6 text-left"> 776 <p>copyright© 2025. All rights reserved by <span style="font-size:20px ; color: white;"><a 777 href=""> Danlaw</a></span></p> 778 </div> 779 780 </div> 781 </div> 782 </section> 783 <!-- end layout-theme--> 784 785 786 <!-- ++++++++++++--> 787 <!-- MAIN SCRIPTS--> 788 <!-- ++++++++++++--> 789
789<script src="https://danlawtechnologies.com/public/assets/libs/jquery-1.12.4.min.js"></script>
789 790
790<script src="https://danlawtechnologies.com/public/assets/libs/jquery-migrate-1.2.1.js"></script>
790 791 <!-- Bootstrap--> 792
792<script src="https://danlawtechnologies.com/public/assets/libs/bootstrap/bootstrap.min.js"></script>
792 793 <!-- User customization--> 794
794<script src="https://danlawtechnologies.com/public/assets/js/custom.js"></script>
794 795 <!-- Headers scripts--> 796
796<script src="https://danlawtechnologies.com/public/assets/plugins/headers/slidebar.js"></script>
796 797
797<script src="https://danlawtechnologies.com/public/assets/plugins/headers/header.js"></script>
797 798 <!-- Color scheme--> 799
799<script src="https://danlawtechnologies.com/public/assets/plugins/switcher/js/dmss.js"></script>
799 800 <!-- Select customization & Color scheme--> 801
801<script src="https://danlawtechnologies.com/public/assets/plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
801 802 <!-- Slider--> 803
803<script src="https://danlawtechnologies.com/public/assets/plugins/owl-carousel/owl.carousel.min.js"></script>
803 804 <!-- Pop-up window--> 805
805<script src="https://danlawtechnologies.com/public/assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
805 806 <!-- Mail scripts--> 807
807<script src="https://danlawtechnologies.com/public/assets/plugins/jqBootstrapValidation.js"></script>
807 808 <!--
808<script src="https://danlawtechnologies.com/public/assets/plugins/contact_me.js"></script>
808 --> 809 <!-- Filter and sorting images--> 810
810<script src="https://danlawtechnologies.com/public/assets/plugins/isotope/isotope.pkgd.min.js"></script>
810 811
811<script src="https://danlawtechnologies.com/public/assets/plugins/isotope/imagesLoaded.js"></script>
811 812 <!-- Progress numbers--> 813
813<script src="https://danlawtechnologies.com/public/assets/plugins/rendro-easy-pie-chart/jquery.easypiechart.min.js"></script>
813 814
814<script src="https://danlawtechnologies.com/public/assets/plugins/rendro-easy-pie-chart/waypoints.min.js"></script>
814 815 <!-- NoUiSlider--> 816
816<script src="https://danlawtechnologies.com/public/assets/plugins/noUiSlider/nouislider.min.js"></script>
816 817
817<script src="https://danlawtechnologies.com/public/assets/plugins/noUiSlider/wNumb.js"></script>
817 818 <!-- Animations--> 819
819<script src="https://danlawtechnologies.com/public/assets/plugins/scrollreveal/scrollreveal.min.js"></script>
819 820 <!-- Main slider--> 821
821<script src="https://danlawtechnologies.com/public/assets/plugins/slider-pro/jquery.sliderPro.min.js"></script>
821 822 <!-- User map--> 823
823<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBqQ_bBw186KJnMcRByvn5ffZueg88wp1E"></script>
823 824 <!-- Maps customization--> 825
825<script src="https://danlawtechnologies.com/public/assets/js/map-custom.js"></script>
825 826 827</body> 828 829</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.