1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta property="og:image" content="images/banner.png" /> 5 <meta property="og:title" content="TruckPay" /> 6 <meta 7 property="og:description" 8 content="How TruckPay can help demolition material truck drivers and demolition site administrators." 9 /> 10 <meta charset="utf-8" /> 11 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 12 <meta name="viewport" content="width=device-width , initial-scale=1" /> 13 <meta 14 name="description" 15 content="How TruckPay can help demolition material truck drivers and demolition site administrators." 16 /> 17 <meta 18 name="keywords" 19 content="truckpay infrastructure e-ticket software truck independent owner operator construction earth-moving aggregate haul recycle scrap metal" 20 /> 21 <meta 22 name="apple-itunes-app" 23 content="app-id=1189367915, app-argument=TruckPay://" 24 /> 25 <title> 26 TruckPay - Demolition Removal Hauling and Trucking Fleet Management 27 </title> 28 <link rel="icon" href="favicon.png" type="image/x-icon" /> 29 <link rel="stylesheet" href="css/animate.min.css" /> 30 <link rel="stylesheet" href="css/bootstrap.min.css" /> 31 <link rel="stylesheet" href="css/slick.css" /> 32 <link rel="stylesheet" href="css/slick-theme.css" /> 33 <link rel="stylesheet" href="css/magnific-popup.css" /> 34 <link rel="stylesheet" href="css/style.css" /> 35 <link rel="canonical" href="https://truckpay.com/demolition.html"> 36 <!-- Plugins --> 37 <link rel="stylesheet" type="text/css" href="css/plugins-css.css" /> 38 <!-- Typography --> 39 <!--<link rel="stylesheet" type="text/css" href="css/typography.css" /> --> 40 <!-- Responsive --> 41 <!--<link rel="stylesheet" type="text/css" href="css/responsive.css" /> --> 42 <link rel="stylesheet" href="css/font-awesome.min.css" /> 43 <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css" /> 44 45 <link rel="preconnect" href="https://fonts.googleapis.com" /> 46 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 47 <link 48 href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;800&display=swap" 49 rel="stylesheet" 50 /> 51 52 <!--if lt IE 9 53 script(src='https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js') 54 script(src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js') 55 --> 56 57 <!-- Chatra {literal} --> 58
58<script> 59 window.ChatraSetup = { 60 colors: { 61 buttonText: '#FFF' /* chat button text color */, 62 buttonBg: '#FF6600' /* chat button background color */, 63 }, 64 }; 65 </script>
65 66
66<script> 67 (function (d, w, c) { 68 w.ChatraID = 'xNK3gh2bCy5BmXjew'; 69 var s = d.createElement('script'); 70 w[c] = 71 w[c] || 72 function () { 73 (w[c].q = w[c].q || []).push(arguments); 74 }; 75 s.async = true; 76 s.src = 'https://call.chatra.io/chatra.js'; 77 if (d.head) d.head.appendChild(s); 78 })(document, window, 'Chatra'); 79 </script>
79 80 <!-- /Chatra {/literal} --> 81 82 <!-- Facebook Pixel Code --> 83
83<script> 84 !(function (f, b, e, v, n, t, s) { 85 if (f.fbq) return; 86 n = f.fbq = function () { 87 n.callMethod 88 ? n.callMethod.apply(n, arguments) 89 : n.queue.push(arguments); 90 }; 91 if (!f._fbq) f._fbq = n; 92 n.push = n; 93 n.loaded = !0; 94 n.version = '2.0'; 95 n.queue = []; 96 t = b.createElement(e); 97 t.async = !0; 98 t.src = v; 99 s = b.getElementsByTagName(e)[0]; 100 s.parentNode.insertBefore(t, s); 101 })( 102 window, 103 document, 104 'script', 105 'https://connect.facebook.net/en_US/fbevents.js' 106 ); 107 fbq('init', '381796439684100'); 108 fbq('track', 'PageView'); 109 </script>
109 110 <noscript> 111 <img 112 height="1" 113 width="1" 114 src="https://www.facebook.com/tr?id=381796439684100&ev=PageView&noscript=1" 115 /> 116 </noscript> 117 <!-- End Facebook Pixel Code --> 118 119 <!-- Start Branch.IO --> 120
120<script> 121 // load Branch 122 (function (b, r, a, n, c, h, _, s, d, k) { 123 if (!b[n] || !b[n]._q) { 124 for (; s < _.length; ) c(h, _[s++]); 125 d = r.createElement(a); 126 d.async = 1; 127 d.src = 'https://cdn.branch.io/branch-latest.min.js'; 128 k = r.getElementsByTagName(a)[0]; 129 k.parentNode.insertBefore(d, k); 130 b[n] = h; 131 } 132 })( 133 window, 134 document, 135 'script', 136 'branch', 137 function (b, r) { 138 b[r] = function () { 139 b._q.push([r, arguments]); 140 }; 141 }, 142 { _q: [], _v: 1 }, 143 'addListener applyCode autoAppIndex banner closeBanner closeJourney creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setBranchViewData setIdentity track validateCode trackCommerceEvent logEvent disableTracking'.split( 144 ' ' 145 ), 146 0 147 ); 148 // init Branch 149 branch.init('key_test_acM6P4q0NhagMkD9ZUwinnoixFe2Emwc'); 150 </script>
150 151 <!-- End Branch.IO --> 152 153 <!-- Google tag (gtag.js) -->
vendor: 80 bytes, lines 153-156
153 154 <script 155 async 156 src="https://www.googletagmanager.com/gtag/js?id=
156AW-11431960618
vendor: 21 bytes, lines 156-158
156" 157 ></script> 158
158<script> 159
vendor: 162 bytes, lines 159-164
159window.dataLayer = window.dataLayer || []; 160 function gtag() { 161 dataLayer.push(arguments); 162 } 163 gtag('js', new Date()); 164 gtag('config', '
164AW-11431960618
vendor: 8 bytes, lines 164-165
164'); 165
165</script>
165 166 <!-- Start: For Solutions Fade in Animation--> 167
167<script> 168 document.addEventListener('DOMContentLoaded', function () { 169 var fadeEl = document.querySelector('.fade-in-left'); 170 171 var options = { 172 root: null, 173 rootMargin: '0px', 174 threshold: 0.5, // Adjust this value based on when you want the animation to trigger 175 }; 176 177 var observer = new IntersectionObserver(function (entries, observer) { 178 entries.forEach(function (entry) { 179 if (entry.isIntersecting) { 180 fadeEl.classList.add('fade-in'); 181 observer.unobserve(fadeEl); 182 } 183 }); 184 }, options); 185 186 observer.observe(fadeEl); 187 }); 188 </script>
188 189 <!-- End: For Solutions Fade in Animation--> 190 </head> 191 <body class="hide-scroll"> 192 <!--================================= 193 preloader --> 194 195 <div id="pre-loader"> 196 <!-- <img src="images/loader-truckpay.gif" alt="TruckPay Logo" /> --> 197 </div> 198 199 <!--================================= 200 preloader --> 201 202 <!-- Navigation--> 203 204 <nav 205 id="primaryNav" 206 role="navigation" 207 class="navbar navbar-default navbar-fixed-top" 208 > 209 <!-- Brand and toggle get grouped for better mobile display --> 210 <div class="navbar-header"> 211 <button 212 type="button" 213 data-target="#navbarCollapse" 214 data-toggle="collapse" 215 class="navbar-toggle" 216 > 217 <span class="sr-only">Toggle navigation</span> 218 <span class="icon-bar"></span> 219 <span class="icon-bar"></span> 220 <span class="icon-bar"></span> 221 </button> 222 <a href="https://truckpay.com/" class="navbar-brand active" 223 ><img src="images/TruckPay-Logo-Nav.png" alt="TruckPay logo nav bar" 224 /></a> 225 </div> 226 <!-- Collection of nav links and other content for toggling --> 227 <div id="navbarCollapse" class="collapse navbar-collapse"> 228 <ul class="navbar-nav navbar-right nav"> 229 <li class="dropdown"> 230 <a 231 href="#" 232 class="dropdown-toggle" 233 data-toggle="dropdown" 234 role="button" 235 aria-haspopup="true" 236 aria-expanded="false" 237 > 238 Solutions <span class="caret"></span> 239 </a> 240 <ul class="dropdown-menu"> 241 <li> 242 <a target="_blank" href="construction.html">Construction</a> 243 </li> 244 <li role="separator" class="divider"></li> 245 <li> 246 <a target="_blank" href="demolition.html">Demolition</a> 247 </li> 248 <li role="separator" class="divider"></li> 249 <li> 250 <a target="_blank" href="shipping.html">Shipping</a> 251 </li> 252 <li role="separator" class="divider"></li> 253 <li> 254 <a target="_blank" href="aggregates.html">Aggregates</a> 255 </li> 256 <li role="separator" class="divider"></li> 257 <li> 258 <a target="_blank" href="asphalt.html">Asphalt</a> 259 </li> 260 <li role="separator" class="divider"></li> 261 <li> 262 <a target="_blank" href="dirt-reclimation.html" 263 >Dirt Reclamation</a 264 > 265 </li> 266 <li role="separator" class="divider"></li> 267 <li> 268 <a target="_blank" href="materialHauling.html" 269 >Material Hauling</a 270 > 271 </li> 272 <li role="separator" class="divider"></li> 273 <li> 274 <a target="_blank" href="scrap-waste-recycling.html" 275 >Scrap, Waste, & Recycling</a 276 > 277 </li> 278 <li role="separator" class="divider"></li> 279 <li> 280 <a target="_blank" href="drivers.html">Drivers</a> 281 </li> 282 <li role="separator" class="divider"></li> 283 <li><a target="_blank" href="ready-mix.html">Ready-Mix</a></li> 284 </ul> 285 </li> 286 <li class="dropdown"> 287 <a 288 href="#" 289 class="dropdown-toggle" 290 data-toggle="dropdown" 291 role="button" 292 aria-haspopup="true" 293 aria-expanded="false" 294 > 295 Services <span class="caret"></span> 296 </a> 297 <ul class="dropdown-menu"> 298 <li 299 data-target="#about-info-1" 300 role="button" 301 class="ourstory-box toggle" 302 > 303 <a href="https://truckpay.com/#aboutTruckPay" 304 >E-Tickets, BOL, & Manifests</a 305 > 306 </li> 307 <li role="separator" class="divider"></li> 308 <li> 309 <a href="https://truckpay.com/#features-slider-companies" 310 >Dispatch & Fleet Management</a 311 > 312 </li> 313 <li role="separator" class="divider"></li> 314 <li> 315 <a href="https://mytruckscales.com" target="_blank" 316 >Scale & Kiosks</a 317 > 318 </li> 319 </ul> 320 </li> 321 <li> 322 <a 323 href="https://mytruckscales.com" 324 target="_blank" 325 data-translate="" 326 >MyTruckScales</a 327 > 328 </li> 329 <li> 330 <a href="https://truckpay.com/#faq" data-translate="navFAQ">FAQ</a> 331 </li> 332 <li> 333 <a 334 href="https://truckpay.com/#aboutTruckPay" 335 data-translate="navAbout" 336 >About Us</a 337 > 338 </li> 339 <!-- <li><a href="#events" id="eventsLink" data-toggle="modal" data-target="#eventsModal" data-translate="navEvents">Events</a></li> --> 340 <!-- <li class="dropdown"> 341 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" data-translate="navNews">News<span class="caret"></span></a> 342 <ul class="dropdown-menu"> 343 <li>
343<a href="https://www.freightwaves.com/news/mytruckscales-taps-wireless-technology-to-eliminate-paper-scale-tickets" target="_blank" rel="noopener noreferrer">Freight Waves Feature</a></li> 344 <li role="separator" class="divider"></li> 345 <li><a href="./MTS_press_release_Feb_2020.pdf" target="_blank">February 2020 Press Release</a></li> 346 <li role="separator" class="divider"></li> 347 <li><a href="./MTS_Patent_Awarded_press_release_May_2020.pdf" target="_blank">MTS Patent Granted</a></li> 348 <li role="separator" class="divider"></li> 349 <li><a href="./Jack_pearson_appointed_to_TruckPay_AB_Sep_2020.pdf" target="_blank">New Board Member</a></li> 350 </ul> 351 </li> --> 352 <li> 353 <a href="https://truckpay.com/#press-release" data-translate="" 354 >News</a 355 > 356 </li> 357 <!-- <li><a href="#affiliations" data-translate="navAffiliations">Contact Us</a></li> --> 358 359 <li class="dropdown"> 360 <a 361 href="#" 362 class="dropdown-toggle" 363 data-toggle="dropdown" 364 role="button" 365 aria-haspopup="true" 366 aria-expanded="false" 367 > 368 Contact Us <span class="caret"></span> 369 </a> 370 <ul class="dropdown-menu"> 371 <li><a href="tel:+18669017884">Call Us</a></li> 372 <li role="separator" class="divider"></li> 373 <li><a href="/cdn-cgi/l/email-protection#285b5d5858475a5c685c5a5d4b43584951064b4745">Email Us</a></li> 374 <li role="separator" class="divider"></li> 375 </ul> 376 </li> 377 378 <!-- <li><a href="https://web.truckpay.com/auth/sign-up" data-translate="navSignup" id="signUpLink" target="_blank">Sign Up</a></li> --> 379 <li> 380 <a 381 href="https://web.truckpay.com/auth/sign-in" 382 data-translate="navLogin" 383 id="signInLink" 384 target="_blank" 385 >Login</a 386 > 387 </li> 388 <li class="dropdown"> 389 <a 390 href="#" 391 class="dropdown-toggle" 392 data-toggle="dropdown" 393 role="button" 394 aria-haspopup="true" 395 aria-expanded="false" 396 data-translate="navLanguage" 397 >Language <span class="caret"></span 398 ></a> 399 <ul class="dropdown-menu"> 400 <li><a href="#" onclick="translateToEnglish()">English</a></li> 401 <li role="separator" class="divider"></li> 402 <li><a href="#" onclick="translateToSpanish()">Español</a></li> 403 </ul> 404 </li> 405 </ul> 406 </div> 407 </nav>
vendor: 113 bytes, lines 407-408
407 408 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
408<script> 409 const signUpLinkData = { 410 channel: 'tp-homepage', 411 feature: 'tp-homepage-web-sign-up', 412 tags: ['sign-up'], 413 data: { 414 $desktop_url: 'https://web.truckpay.com/auth/sign-up', 415 }, 416 }; 417 const signInLinkData = { 418 channel: 'tp-homepage', 419 feature: 'tp-homepage-web-sign-in', 420 tags: ['sign-in'], 421 data: { 422 $desktop_url: 'https://web.truckpay.com/auth/sign-in', 423 }, 424 }; 425 426 branch.link(signUpLinkData, function (err, link) { 427 // bind elements 428 console.log('branch link', link, err); 429 document.getElementById('signUpLink').href = link || err; 430 }); 431 branch.link(signInLinkData, function (err, link) { 432 // bind elements 433 console.log('branch link', link, err); 434 document.getElementById('signInLink').href = link || err; 435 }); 436 </script>
436 437 438 <div class="subTitleSolutions">SOLUTIONS: DEMOLITION</div> 439 440 <!-- START: (pg.1 of BROCHURE - GO GREEN)--> 441 <section 442 style=" 443 background-color: white; 444 display: flex; 445 flex-direction: column; 446 justify-content: center; 447 align-items: center; 448 padding-top: 12rem; 449 " 450 > 451 <div 452 style=" 453 width: 80%; 454 display: flex; 455 flex-direction: row; 456 justify-content: center; 457 align-items: end; 458 margin-bottom: 72px; 459 " 460 > 461 <div 462 style=" 463 width: 100%; 464 display: flex; 465 flex-direction: column; 466 height: 100%; 467 justify-content: space-between; 468 " 469 > 470 <div></div> 471 <div 472 style="display: flex; flex-direction: row; align-items: center" 473 class="eliminatePaperBody" 474 > 475 <div class="eliminatePaperBody"> 476 <div style="display: flex; flex-direction: column"> 477 <div> 478 <!--START: Text Section 1--> 479 <h1 class="eliminatePaperTitle"> 480 Eliminate Paper Tickets From Your Demolition Site 481 </h1> 482 <h4 483 style=" 484 color: rgb(94, 178, 84); 485 margin-bottom: 1rem; 486 font-weight: bold; 487 " 488 > 489 GO GREEN 490 </h4> 491 <h6 492 style=" 493 color: #333; 494 margin: 0rem 0 0.5rem 0; 495 font-weight: bold; 496 " 497 > 498 Integrate your drivers, recycling plants and landfill 499 facilities into your network and use 500 <bold>TruckPay</bold> to eliminate the paper work. 501 </h6> 502 <h6 503 style=" 504 color: #333; 505 margin: 0rem 0 0.5rem 0; 506 font-weight: bold; 507 " 508 > 509 Get a complete digital record of all your deliveries. 510 perfect for tracking hazardous materials! 511 </h6> 512 <ul class="Orange-Bullet"> 513 <li> 514 <p class="brochure-p-orange">No more lost tickets.</p> 515 </li> 516 <li> 517 <p class="brochure-p-orange"> 518 No more illegitimate tickets. 519 </p> 520 </li> 521 <li> 522 <p class="brochure-p-orange"> 523 No more wasted time counting, sorting or validating 524 tickets. 525 </p> 526 </li> 527 <li> 528 <p class="brochure-p-orange"> 529 No need to photo scan tickets 530 </p> 531 </li> 532 </ul> 533 </div> 534 </div> 535 <!--End: Text Section 1--> 536 <!--START: Text Section 2--> 537 <div style="display: flex; flex-direction: column"> 538 <div> 539 <h4 540 style="color: #333; margin-bottom: 1rem; font-weight: bold" 541 > 542 LEVERAGE METRICS FROM REAL TIME MATERIAL TRACKING OF ALL 543 YOUR DELIVERIES. 544 </h4> 545 <ul class="Orange-Bullet"> 546 <li> 547 <p class="brochure-p-orange"> 548 How long does it take to load and unload trucks? 549 </p> 550 </li> 551 <li> 552 <p class="brochure-p-orange"> 553 Which carriers are moving the most/least material to 554 which customers? 555 </p> 556 </li> 557 </ul> 558 </div> 559 </div> 560 <!--End: Text Section 1--> 561 </div> 562 <!--START: Picture Goes Here--> 563 <div class="wow fadeInRight"> 564 <img 565 src="/images/solutions/deliveryInformation_2.png"
566 alt="Dump trucks being filled in an example e-ticket" 567 style="width: 70rem; height: auto; padding-left: 4rem" 568 class="dumpTruckImg" 569 /> 570 </div> 571 <!--END: Picture Goes Here--> 572 </div> 573 </div> 574 <div 575 style=" 576 display: flex; 577 flex-direction: column; 578 align-items: center; 579 justify-content: end; 580 " 581 ></div> 582 </div> 583 </section> 584 <!-- END: (pg.1 of BROCHURE)--> 585 <!-- START: (pg.2 of BROCHURE - IMPROVE EFFICIENCY)--> 586 <section 587 style=" 588 background-color: #ff6600; 589 display: flex; 590 flex-direction: column; 591 justify-content: center; 592 align-items: center; 593 padding-top: 80px; 594 " 595 > 596 <div 597 style=" 598 width: 100%; 599 display: flex; 600 flex-direction: row; 601 justify-content: center; 602 align-items: end; 603 margin-bottom: 0; 604 " 605 > 606 <div 607 style=" 608 width: 80%; 609 display: flex; 610 flex-direction: column; 611 height: 100%; 612 justify-content: space-between; 613 " 614 > 615 <div class="improveEfficiencyChangeToColumn"> 616 <div style="display: flex; flex-direction: column"> 617 <div> 618 <h1 class="improveEfficiencyTitle">Improve Efficiency</h1> 619 </div> 620 <!--START: Picture Goes Here--> 621 <div class="wow fadeInLeft invoicesToBePaid_img"> 622 <img 623 src="/images/solutions/invoicesToBePaid.png" 624 alt="Phone on the invoices page of the Truckpay mobile app" 625 style=" 626 width: 50rem; 627 height: auto; 628 display: flex; 629 align-content: flex-end; 630 " 631 class="invoicesToBePaid_img" 632 /> 633 </div> 634 </div> 635 <!--END: Picture Goes Here--> 636 <!--START: Text Section 1--> 637 <div class="improveEfficiencyCenterBody"> 638 <div style="display: flex; flex-direction: column"> 639 <div> 640 <h4 641 style="color: white; margin-bottom: 1rem; font-weight: bold" 642 > 643 AUTOMATE YOUR SUPPLY CHAIN 644 </h4> 645 <h6 646 style=" 647 color: white; 648 margin: 0rem 0 0.5rem 0; 649 font-weight: bold; 650 " 651 > 652 Coordinate information among recycling plants, landfill 653 facilities, construction companies, subcontracts and 654 drivers. 655 </h6> 656 <ul class="White-Bullet"> 657 <li> 658 <p class="brochure-p"> 659 Anticipate deliveries by tracking drivers in real time. 660 </p> 661 </li> 662 <li> 663 <p class="brochure-p"> 664 Generate electronic invoices to reduce billing 665 discrepancies. 666 </p> 667 </li> 668 <li> 669 <p class="brochure-p"> 670 Track minority subcontractor and driver participation on 671 government sponsored jobs. 672 </p> 673 </li> 674 </ul> 675 </div> 676 </div> 677 <!--End: Text Section 1--> 678 <!--START: Text Section 2--> 679 <div style="display: flex; flex-direction: column"> 680 <div> 681 <h4 682 style="color: white; margin-bottom: 1rem; font-weight: bold" 683 > 684 MAKE ELECTRONIC PAYMENTS WITH JUST THE TAP OF A BUTTON 685 </h4> 686 <h6 687 style=" 688 color: white; 689 margin: 0rem 0 0.5rem 0; 690 font-weight: bold; 691 " 692 > 693 Enable customers to pay you and pay all independent drivers 694 and subcontracts, eliminating the need for paper checks. 695 </h6> 696 <ul class="White-Bullet"> 697 <li> 698 <p class="brochure-p"> 699 Validate invoices before paying them. 700 </p> 701 </li> 702 <li> 703 <p class="brochure-p"> 704 Assign specific employees to digitally sign off to pay 705 invoices or deny payments for specific reasons. 706 </p> 707 </li> 708 <li> 709 <p class="brochure-p"> 710 Export delivery and invoice data to third party 711 accounting and recycling management systems. 712 </p> 713 </li> 714 </ul> 715 </div> 716 </div> 717 <!--End: Text Section 2--> 718 </div> 719 </div> 720 </div> 721 <div 722 style=" 723 display: flex; 724 flex-direction: column; 725 align-items: center; 726 justify-content: end; 727 " 728 ></div> 729 </div> 730 </section> 731 <!-- END: (pg.2 of BROCHURE - IMPROVE EFFICIENCY)--> 732 <!-- START: (pg.3 of BROCHURE - JOB BOARD)--> 733 <section 734 style=" 735 background-color: white; 736 display: flex; 737 flex-direction: column; 738 justify-content: center; 739 align-items: center; 740 padding-top: 80px; 741 " 742 > 743 <div 744 style=" 745 width: 100%; 746 display: flex; 747 flex-direction: row; 748 justify-content: center; 749 align-items: end; 750 margin-bottom: 0px; 751 " 752 > 753 <div 754 style=" 755 width: 80%; 756 display: flex; 757 flex-direction: column; 758 height: 100%; 759 justify-content: space-between; 760 " 761 > 762 <div 763 style="display: flex; flex-direction: row; align-items: flex-start" 764 > 765 <div class="controlCostsBody"> 766 <div> 767 <!--START: Text Section 1--> 768 <h1 class="controlCostsTitle"> 769 Control Your Costs With TruckPay's Job Board Service. 770 </h1> 771 <h4 772 style="color: #333; margin-bottom: 0.3rem; font-weight: bold" 773 > 774 MAXIMIZE YOUR RESOURCES 775 </h4> 776 <h6 777 style=" 778 color: #333; 779 margin: 0rem 0 0.5rem 0; 780 font-weight: bold; 781 " 782 > 783 Get the truck drivers you need for your aggregate hauling at 784 the most competitive prices. It's never been easier. 785 </h6> 786 <ul class="Orange-Bullet"> 787 <li> 788 <p class="brochure-p-orange"> 789 Post fixed price jobs for your. 790 </p> 791 </li> 792 <li> 793 <p class="brochure-p-orange">Solicit open bids for jobs.</p> 794 </li> 795 <li> 796 <p class="brochure-p-orange"> 797 Validate driver's vehicle and general liability insurance. 798 </p> 799 </li> 800 <li> 801 <p class="brochure-p-orange"> 802 Award jobs to the most highly ranked company drivers, 803 external truck drivers and subcontractors. 804 </p> 805 </li> 806 </ul> 807 </div> 808 </div> 809 <!--End: Text Section 1--> 810 <!--START: Picture Goes Here--> 811 <div class="wow fadeInRight"> 812 <img 813 src="/images/solutions/photos_ava/Demolition_brochure_1-removebg.png" 814 alt="Phone with a job board tab open from truckpay mobile app" 815 style="width: 40rem; height: auto" 816 class="JBS_img" 817 /> 818 </div> 819 <!--END: Picture Goes Here--> 820 </div> 821 </div> 822 <div 823 style=" 824 display: flex; 825 flex-direction: column; 826 align-items: center; 827 justify-content: end; 828 " 829 ></div> 830 </div> 831 </section> 832 <!-- END: (pg.3 of BROCHURE - JOB BOARD)--> 833 <!-- START OF STORY EXAMPLE AREA --> 834 835 <!-- END: STORY EXAMPLE--> 836 837 <!-- Download TruckPay --> 838 <section 839 id="download" 840 class="download wow fadeInUp" 841 style="background-color: #333" 842 > 843 <div class="container"> 844 <div 845 class="row download_Solutions" 846 style="display: flex; align-content: center" 847 >
848 <div class="col-md-7 col-sm-7 wow fadeInLeft"> 849 <h2 850 class="text-left" 851 data-translate="joinTruckPay" 852 style="font-size: 1.6rem; font-weight: 500; color: #fff" 853 > 854 Join the Community and Start Hauling<br /> 855 With TruckPay Today. 856 </h2> 857 </div> 858 <div 859 class="col-md-5 col-sm-5 wow fadeInRight" 860 style="display: flex; flex-direction: row; align-items: center" 861 > 862 <a 863 class="download-img" 864 href="http://bit.ly/TruckPay" 865 target="_blank" 866 ><img src="images/apple-store.png" alt="Apple store link" 867 /></a> 868 <a 869 class="download-img" 870 href="http://bit.ly/TruckPayAndroid" 871 target="_blank" 872 ><img src="images/google-play.png" alt="Google Play Store Logo" 873 /></a> 874 </div> 875 </div> 876 </div> 877 </section> 878 <!-- End Download TruckPay --> 879
879<script> 880 // debugger 881 var cancelledPopup = false; 882 document.getElementById('newsletter-cancel').onclick = function (event) { 883 cancelledPopup = true; 884 $('#newsletter-popup').fadeOut('slow'); 885 }; 886 var container = document.getElementById('newsletter-container'); 887 888 var form = document.getElementById('newsletterForm'); 889 890 function submitNewsletterEmail(event) { 891 event.preventDefault(); 892 const email = document.getElementById('newsletterEmailInput'); 893 if (email) { 894 fetch( 895 `https://api.truckpay.com/api/v1/ad_referral?email=${email.value.trim()}`, 896 { 897 method: 'POST', 898 headers: { 899 Accept: 'application/json', 900 'Content-Type': 'application/json', 901 }, 902 } 903 ) 904 .then((res) => res.json()) 905 .then((res) => { 906 if (res.success) { 907 form.innerHTML = ` 908 <h5 class="m-a my-25" data-translate="thankYou">Thank you!</h5> 909 `; 910 } else { 911 form.innerHTML = ` 912 <h5 class="m-a my-25" data-translate="newsletterError">Unable to get your email. Please contact us as +1 (866) 901-7884 or [email protected]</h5> 913 `; 914 } 915 setTimeout(() => { 916 $('#newsletter-popup').fadeOut('slow'); 917 cancelledPopup = true; 918 }, 2000); 919 }); 920 } 921 } 922 form.addEventListener('submit', submitNewsletterEmail); 923 924 var truckpayAbout = document.getElementById('features-slider-companies'); 925 926 var viewPortHeight = null; 927 928 function handleWindowScroll(event) { 929 console.log('scrolling'); 930 if (viewPortHeight && event) { 931 // In case the window is resized 932 if ( 933 event.currentTarget && 934 event.currentTarget.innerHeight !== viewPortHeight 935 ) 936 viewPortHeight = event.currentTarget.innerHeight; 937 // Now for the animation logic 938 if (truckpayAbout) { 939 const { top, bottom } = truckpayAbout.getBoundingClientRect(); 940 941 // If we were previously invisible but now we're in the viewport 942 if (viewPortHeight - top - 75 > 0) { 943 if (!cancelledPopup) { 944 $('#newsletter-popup').fadeIn('slow'); 945 window.removeEventListener('scroll', handleWindowScroll); 946 } 947 } 948 } 949 } else if (event) { 950 // To set the initial viewPortHeight 951 if ( 952 event.currentTarget && 953 event.currentTarget.innerHeight !== viewPortHeight 954 ) 955 viewPortHeight = event.currentTarget.innerHeight; 956 } 957 } 958 959 async function setupAdPopup() { 960 if (truckpayAbout) { 961 let hasMobileAdParam = false; 962 const params = []; 963 new URLSearchParams(window.location.href).forEach((val, key) => { 964 if (key.includes('mobilead')) { 965 hasMobileAdParam = true; 966 } 967 params.push({ key, val }); 968 }); 969 console.log('params', params, hasMobileAdParam); 970 if (hasMobileAdParam) { 971 console.log('opening popup'); 972 973 $('#newsletter-popup').fadeIn('slow'); 974 cancelledPopup = true; 975 } else { 976 console.log('no mobile ad param'); 977 window.addEventListener('scroll', handleWindowScroll); 978 } 979 } 980 } 981 </script>
981 982 983 <section id="requestModal" class="events modal fade"> 984 <div 985 class="modal-dialogue" 986 style="display: flex; flex-direction: column; align-items: center" 987 > 988 <form 989 class="modal-content col-md-5 wow fadeInUp" 990 style="z-index: 1041; background-color: white" 991 onsubmit="submitForm()" 992 id="requestModalForm" 993 > 994 <div 995 class="modal-header" 996 style=" 997 display: flex; 998 flex-direction: row; 999 align-items: center; 1000 justify-content: space-between; 1001 " 1002 > 1003 <div></div> 1004 <h4 class="modal-title text-center bold text-black"> 1005 Request a Demo 1006 </h4> 1007 <button 1008 type="button" 1009 class="close mr-3" 1010 data-dismiss="modal" 1011 aria-label="Close" 1012 id="requestClose" 1013 > 1014 <span aria-hidden="true">×</span> 1015 </button> 1016 </div> 1017 <div class="modal-body"> 1018 <div class="row my-25"> 1019 <div class="col-md-6"> 1020 <div class="form-group"> 1021 <label for="first_name">First Name</label> 1022 <input 1023 type="text" 1024 id="first_name" 1025 autocomplete="name" 1026 class="form-control" 1027 placeholder="First Name" 1028 required 1029 /> 1030 </div> 1031 </div> 1032 <div class="col-md-6"> 1033 <div class="form-group"> 1034 <label for="last_name">Last Name</label> 1035 <input 1036 type="text" 1037 id="last_name" 1038 autocomplete="family-name" 1039 class="form-control" 1040 placeholder="Last Name" 1041 required 1042 /> 1043 </div> 1044 </div> 1045 </div> 1046 <div class="row my-25"> 1047 <div class="col-md-6"> 1048 <div class="form-group"> 1049 <label for="email">Email</label> 1050 <input 1051 type="email" 1052 id="email" 1053 autocomplete="email" 1054 class="form-control" 1055 placeholder="Email" 1056 required 1057 /> 1058 </div> 1059 </div> 1060 <div class="col-md-6"> 1061 <div class="form-group"> 1062 <label for="phone">Phone Number</label> 1063 <input 1064 type="text" 1065 id="phone" 1066 autocomplete="tel" 1067 class="form-control" 1068 placeholder="Phone Number" 1069 required 1070 maxlength="15" 1071 /> 1072 </div> 1073 </div> 1074 </div> 1075 <div class="row my-25"> 1076 <div class="col-md-6"> 1077 <div class="form-group"> 1078 <label for="cname">Company Name</label> 1079 <input 1080 type="text" 1081 id="cname" 1082 class="form-control" 1083 placeholder="Company Name" 1084 required 1085 /> 1086 </div> 1087 </div> 1088 <div class="col-md-6"> 1089 <div class="form-group"> 1090 <label for="ctype">Company Type</label> 1091 <select id="ctype" class="form-control" required> 1092 <!-- <option value="">-- Select a Company Type --</option> 1093 <option value="construction-company">Construction Company</option> 1094 <option value="aggregate-producer">Aggregate Producer</option> 1095 <option value="material-supplier">Material Supplier</option> 1096 <option value="demolition-contractor">Demolition Contractor</option> 1097 <option value="recycling-plant-operator">Recycling Plant Operator</option> 1098 <option value="landfill-facility">Landfill Facility</option> 1099 <option value="scrap-yard">Scrap Yard</option> --> 1100 </select> 1101 </div> 1102 </div> 1103 </div> 1104 <div class="row my-25"> 1105 <div class="text-danger" id="requestError"></div> 1106 </div> 1107 </div> 1108 <div 1109 class="modal-footer" 1110 style=" 1111 display: flex; 1112 flex-direction: row; 1113 align-items: center; 1114 justify-content: center; 1115 " 1116 > 1117 <button 1118 type="submit" 1119 class="btn btn-lg bg-tpo text-white br-50 px-25 btn-sm-12" 1120 aria-label="Submit" 1121 > 1122 SUBMIT 1123 </button> 1124 </div> 1125 </form> 1126 </div> 1127 </section> 1128 1129
1129<script> 1130 var entities = []; 1131 function getEntityTypes() { 1132 fetch('https://api.truckpay.com/api/v1/entity') 1133 .then((res) => res.json()) 1134 .then((res) => { 1135 if (res.data) { 1136 var select = document.getElementById('ctype'); 1137 select.innerHTML = ''; 1138 res.data.forEach((ctype) => { 1139 const option = document.createElement('option'); 1140 option.text = ctype.display_name; 1141 option.value = ctype.id; 1142 select.add(option); 1143 }); 1144 } 1145 }) 1146 .catch((err) => { 1147 console.log(err); 1148 }); 1149 } 1150 getEntityTypes(); 1151 function getPostData() { 1152 const email = document 1153 .getElementById('email') 1154 .value.trim() 1155 .split(' ') 1156 .join(''); 1157 const first_name = document.getElementById('first_name').value.trim(); 1158 const last_name = document.getElementById('last_name').value.trim(); 1159 const phone = document 1160 .getElementById('phone') 1161 .value.trim() 1162 .split(' ') 1163 .join(''); 1164 const cname = document.getElementById('cname').value.trim(); 1165 const company_type = document.getElementById('ctype').value.trim(); 1166 return { 1167 email, 1168 first_name, 1169 last_name, 1170 phone, 1171 cname, 1172 company_type, 1173 }; 1174 } 1175 window.onresize = function () { 1176 // haulhubFeaturesLogo 1177 // ruckitFeaturesLogo 1178 // TPFeaturesLogo 1179 const tpLogo = document.getElementById('TPFeaturesLogo'); 1180 const haulhubLogo = document.getElementById('haulhubFeaturesLogo'); 1181 const ruckitLogo = document.getElementById('ruckitFeaturesLogo'); 1182 haulhubLogo.height = tpLogo.height; 1183 ruckitLogo.height = tpLogo.height; 1184 }; 1185 function submitForm() { 1186 // $('#requestModal').modal('toggle'); 1187 console.log('submitted form'); 1188 event.preventDefault(); 1189 1190 const phoneRegex = new RegExp( 1191 /^(\+\d{1,2}\s)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/ 1192 ); 1193 const { email, first_name, last_name, phone, cname, company_type } = 1194 getPostData(); 1195 if (phone && phoneRegex.test(phone)) { 1196 fetch(`https://api.truckpay.com/api/v1/truckpay/freetrial/submit`, { 1197 method: 'POST', 1198 headers: { 1199 Accept: 'application/json', 1200 'Content-Type': 'application/json', 1201 }, 1202 body: JSON.stringify({ 1203 data: { 1204 email: email, 1205 first_name: first_name, 1206 last_name: last_name, 1207 phone: phone, 1208 company_name: cname, 1209 entity_type_id: parseInt(company_type), 1210 }, 1211 }), 1212 }) 1213 .then((res) => { 1214 return res.json(); 1215 }) 1216 .then((res) => { 1217 console.log(res); 1218 if (res.success) { 1219 document.getElementById('requestModalForm').innerHTML = ` 1220 <div class="modal-header" style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;"> 1221 <div></div> 1222 <h4 class="modal-title text-center bold text-black">Request a Free Trial</h4> 1223 <button type="button" class="close mr-3" data-dismiss="modal" aria-label="Close" id="requestClose"> 1224 <span aria-hidden="true">×</span> 1225 </button> 1226 </div> 1227 <div class="modal-body" id="requestModalBody"> 1228 <div class="row my-25"> 1229 <div class="col-md-12"> 1230 Thank you! A company representative will be in contact with you very shortly. 1231 </div> 1232 </div> 1233 </div> 1234 <div class="modal-footer" style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 1235 <button type="button" class="btn btn-lg bg-tpo text-white" data-dismiss="modal" aria-label="Close" id="requestClose"> 1236 CLOSE 1237 </button> 1238 </div> 1239 `; 1240 } else { 1241 if (typeof res.error == 'string') { 1242 document.getElementById('requestError').innerHTML = 1243 `<span class="text-danger">` + res.error + `</span>`;
1244 } else if (res.error.email) { 1245 document.getElementById('requestError').innerHTML = 1246 `<span class="text-danger">` + 1247 res.error.email[0] + 1248 `</span>`; 1249 } else { 1250 document.getElementById('requestError').innerHTML = ` 1251 <span class="text-danger">Uh-oh!</span> 1252 <div>Something went wrong. Please contact support for further assistance and a representative will reach out to you very shortly.</div> 1253 <div>Call +1 (866) 901-7884</div> 1254 <div>Email [email protected]</div> 1255 `; 1256 } 1257 } 1258 }); 1259 } else { 1260 alert('Please enter a valid phone number.'); 1261 } 1262 } 1263 </script>
1263 1264 1265 <!--<START OF FOOTER>--> 1266 <footer> 1267 <div class="container"> 1268 <div class="row"> 1269 <div class="col-md-4 col-sm-12 footerleft"> 1270 <div class="logofooter"> 1271 <img src="images/TruckPay-Footer.png" alt="TruckPay Logo Footer" /> 1272 </div> 1273 <p> 1274 TruckPay, Not Just Ground Breaking, Earth Shakingâ¢, is a highly 1275 secure complete enterprise solution that manages all aspects of 1276 earth moving logistics. 1277 </p> 1278 <p> 1279 Copyright © 1280
1280<script> 1281 document.write(new Date().getFullYear()); 1282 </script>
1282 1283 TruckPay, Inc. 1284 </p> 1285 </div> 1286 <div class="col-md-2 col-sm-6 paddingtop-bottom"> 1287 <h6 class="heading7">Links</h6> 1288 <ul class="footer-ul"> 1289 <li> 1290 <a 1291 href="https://truckpay.com/#aboutTruckPay" 1292 data-translate="navAbout" 1293 >About</a 1294 > 1295 </li> 1296 <li> 1297 <a 1298 href="https://truckpay.com/#features-slider-companies" 1299 data-translate="navFeatures" 1300 >Features</a 1301 > 1302 </li> 1303 <li> 1304 <a 1305 href="https://truckpay.com/#founders" 1306 data-translate="navFounders" 1307 >Founders</a 1308 > 1309 </li> 1310 <li> 1311 <a href="https://truckpay.com/#faq" data-translate="navFAQ" 1312 >FAQ</a 1313 > 1314 </li> 1315 <li> 1316 <a 1317 href="https://truckpaymediaprod.s3.amazonaws.com/privacy.pdf" 1318 target="_blank" 1319 data-translate="privacyPolicy" 1320 > 1321 Privacy Policy</a 1322 > 1323 </li> 1324 <li> 1325 <a 1326 href="https://truckpaymediaprod.s3.amazonaws.com/tos.pdf" 1327 target="_blank" 1328 data-translate="termsOfService" 1329 > 1330 Terms of Service</a 1331 > 1332 </li> 1333 </ul> 1334 </div> 1335 <div class="col-md-3 col-sm-12 paddingtop-bottom"> 1336 <h6 class="heading7">Contact Us</h6> 1337 <div class="contact-info"> 1338 <p>Message or call us if you have any questions or concerns.</p> 1339 <p> 1340 <a href="tel:+18669017884">+1 (866) 901-7884</a> 1341 <a href="/cdn-cgi/l/email-protection#63101613130c111723171116000813021a4d000c0e" target="_blank"><span class="__cf_email__" data-cfemail="c4b7b1b4b4abb6b084b0b6b1a7afb4a5bdeaa7aba9">[email protected]</span></a 1342 > 1343 </p> 1344 <p> 1345 <a 1346 href="https://goo.gl/maps/epfjR7WLTpvxrJdm6" 1347 target="_blank" 1348 rel="noreferrer noopener" 1349 style="padding: 0px" 1350 >15 Central Ave <br /> 1351 Tenafly, NJ 07670</a 1352 > 1353 </p> 1354 </div> 1355 </div> 1356 <div class="col-md-3 col-sm-12 paddingtop-bottom"> 1357 <div class="text-center"> 1358 <ul class="social-link"> 1359 <li> 1360 <a href="https://www.facebook.com/truckpay" target="_blank" 1361 ><i class="fa fa-facebook"></i 1362 ></a> 1363 </li> 1364 <li> 1365 <a 1366 href="https://www.linkedin.com/company/truckpay/" 1367 target="_blank" 1368 ><i class="fa fa-linkedin"></i 1369 ></a> 1370 </li> 1371 <li> 1372 <a href="https://www.instagram.com/truckpay" target="_blank" 1373 ><i class="fa fa-instagram"></i 1374 ></a> 1375 </li> 1376 </ul> 1377 </div> 1378 </div> 1379 </div> 1380 </div> 1381 </footer> 1382 1383 <!--
1383<script src="js/jquery-3.1.1.min.js"></script>
1383-->
vendor: 113 bytes, lines 1383-1384
1383 1384 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1384<script 1385 src="https://code.jquery.com/jquery-1.12.4.min.js" 1386 integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" 1387 crossorigin="anonymous" 1388 ></script>
1388 1389
1389<script src="js/modernizr-custom.js"></script>
1389 1390
1390<script src="js/bootstrap.min.js"></script>
1390 1391
1391<script src="js/slick.min.js"></script>
1391 1392
1392<script src="js/wow.js"></script>
1392 1393
1393<script src="js/jquery.magnific-popup.min.js"></script>
1393 1394
1394<script src="js/main.js"></script>
1394 1395
1395<script src="js/jqueryTranslator2.min.js"></script>
1395 1396
1396<script src="js/mediaelement-and-player/mediaelement-and-player.js"></script>
1396 1397 1398
1398<script> 1399 function translateToSpanish() { 1400 $('[data-translate]').jqTranslate('language', { 1401 defaultLang: 'es', 1402 forceLang: 'es', 1403 }); 1404 } 1405 1406 function translateToEnglish() { 1407 // $("[data-translate]").jqTranslate('language', { defaultLang: 'US', forceLang: 'US' }); 1408 $('[data-translate]').jqTranslate('language', { 1409 defaultLang: 'en', 1410 forceLang: 'en', 1411 }); 1412 } 1413 1414 (function () { 1415 $('[data-translate]').jqTranslate('language', { 1416 defaultLang: 'US', 1417 forceLang: 'US', 1418 }); 1419 })(); 1420 </script>
1420 1421 1422
1422<script> 1423 setupAdPopup(); 1424 $('#pre-loader').delay(0).fadeOut('slow'); 1425 $('#requestModal').modal({ keyboard: true, show: false }); 1426 $('#eventsModal').modal({ keyboard: true, show: true }); 1427 </script>
1427 1428 1429
1429<script> 1430 (function (i, s, o, g, r, a, m) { 1431 i['GoogleAnalyticsObject'] = r; 1432 (i[r] = 1433 i[r] || 1434 function () { 1435 (i[r].q = i[r].q || []).push(arguments); 1436 }), 1437 (i[r].l = 1 * new Date()); 1438 (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]); 1439 a.async = 1; 1440 a.src = g; 1441 m.parentNode.insertBefore(a, m); 1442 })( 1443 window, 1444 document, 1445 'script', 1446 'https://www.google-analytics.com/analytics.js', 1447 'ga' 1448 ); 1449 1450 ga('create', 'UA-91864515-1', 'auto'); 1451 ga('send', 'pageview'); 1452 </script>
1452 1453
1453<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"37428220142f4d25a28f84240f2e6b36","r":1,"spa":2}' crossorigin="anonymous"></script>
1453 1454</body> 1455</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.