1<!DOCTYPE html> 2 3<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> 4 5<!--[if !IE]><!--> 6 7<html lang="en"> 8 9 <!--<![endif]--> 10 11 12 13 14 15<!-- Mirrored from htmlcoder.me/preview/the_project/v.1.0/template/index-corporate-1.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 31 Aug 2015 11:00:42 GMT --><head> 16 17 18 19
20<script>
vendor: 345 bytes, lines 20-26
20 21 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 22 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 23 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 24 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 25 26 ga('create', '
26UA-106523691-1
vendor: 39 bytes, lines 26-28
26', 'auto'); 27 ga('send', 'pageview'); 28
29</script>
29 30 31 32 33 34 35 36 37 <meta charset="utf-8"> 38 39 <title>Online Embroidery Digitizing Services USA | 24/7 Low Rate Service | Order Now</title> 40 41 <meta name="description" content="sole digitizing is an online embroidery digitizing company. offering embroidery digitizing services to the embroidery industry, including embroidery shops, promotional companies, apparel industry, fashion designers, and embroidery hobbyists."> 42 43 <meta name="author" content="www.soledigitizing.com"> 44 45 46 47 <!-- Mobile Meta --> 48 49 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 50 51 52 53 <!-- Favicon --> 54 55 <link rel="shortcut icon" href="images/favicon.ico"> 56 57 58 59 <!-- Web Fonts --> 60 61 <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'> 62 63 <link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'> 64 65 <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> 66 67 <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'> 68 69 70 71 <!-- Bootstrap core CSS --> 72 73 <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> 74 75 76 77 <!-- Font Awesome CSS --> 78 79 <link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet"> 80 81 82 83 <!-- Fontello CSS --> 84 85 <link href="fonts/fontello/css/fontello.css" rel="stylesheet"> 86 87 88 89 <!-- Plugins --> 90 91 <link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet"> 92 93 <link href="plugins/rs-plugin/css/settings.css" rel="stylesheet"> 94 95 <link href="css/animations.css" rel="stylesheet"> 96 97 <link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet"> 98 99 <link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet"> 100 101 <link href="plugins/hover/hover-min.css" rel="stylesheet"> 102 103 104 105 <link href="plugins/morphext/morphext.css" rel="stylesheet"> 106 107 108 109 <!-- the project core CSS file --> 110 111 <link href="css/style.css" rel="stylesheet" > 112 113 114 115 116 117 118 119 120 121 <!-- Style Switcher Styles (Remove these two lines) --> 122 123 <link href="#" data-style="styles" rel="stylesheet"> 124 125 <link href="style-switcher/style-switcher.css" rel="stylesheet"> 126 127 128 129 <!-- Custom css --> 130 131 <link href="css/custom.css" rel="stylesheet"> 132 133 </head> 134 135 136 137 <!---------------------Google Captcha -------------->
vendor: 67 bytes, lines 137-140
137 138 139<script src='https://www.google.com/recaptcha/api.js'></script> 140
141<!---------------------------------------------------> 142 143 144<link rel="stylesheet" href="js/validations/css/validationEngine.jquery.css" type="text/css"/> 145
146<script src="js/validations/js/jquery-1.8.2.min.js" type="text/javascript"></script>
146 147
148<script src="js/validations/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
148 149
150<script src="js/validations/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
150 151
152<script> 153 154 jQuery(document).ready(function(){ 155 156 jQuery("#frmOrder").validationEngine(); 157 158 $("#frmOrder").bind("jqv.field.result", function(event, field, errorFound, prompText){ console.log(errorFound) }); 159 160 }); 161 162</script>
162 163 164 165 166 167 168 <!-- body classes: --> 169 170<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 170-171
170 171<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
171GTM-MZ2PD2S
vendor: 83 bytes, lines 171-172
171" 172height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
173<!-- End Google Tag Manager (noscript) --> 174 175 176 177 178 <!-- "boxed": boxed layout mode e.g. <body class="boxed"> --> 179 180 <!-- "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> --> 181 182 <!-- "transparent-header": makes the header transparent and pulls the banner to top --> 183 184 <body class="no-trans front-page "> 185 186 187 188 <!-- scrollToTop --> 189 190 <!-- ================ --> 191 192 <div class="scrollToTop circle"><i class="icon-up-open-big"></i></div> 193 194 195 196 <!-- page wrapper start --> 197 198 <!-- ================ --> 199 200 <div class="page-wrapper"> 201 202 203 204 <!-- header-container start --> 205 206 <div class="header-container"> 207 208 209 210 <!-- header-top start --> 211 212 <!-- classes: --> 213 214 <!-- "dark": dark version of header top e.g. class="header-top dark" --> 215 216 <!-- "colored": colored version of header top e.g. class="header-top colored" --> 217 218 <!-- ================ --> 219 220 <div class="header-top dark "> 221 222 <div class="container"> 223 224 <div class="row"> 225 226 <div class="col-xs-2 col-sm-5"> 227 228 <!-- header-top-first start --> 229 230 <!-- ================ --> 231 232 <div class="header-top-first clearfix"> 233 234 <ul class="social-links circle small clearfix hidden-xs"> 235 <li class="facebook"><a target="_blank" href="https://web.facebook.com/Sole-digitizing-61578038743977/"><i class="fa fa-facebook"></i></a></li> 236 237 </ul> 238 239 <div class="social-links hidden-lg hidden-md hidden-sm circle small"> 240 241 <div class="btn-group dropdown"> 242 243 <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button> 244 245 <ul class="dropdown-menu dropdown-animation"> 246 247 <li class="facebook"><a target="_blank" href="https://web.facebook.com/Sole-digitizing-61578038743977/"><i class="fa fa-facebook"></i></a></li> 248 </ul> 249 250 </div> 251 252 </div> 253 254 </div> 255 256 <!-- header-top-first end --> 257 258 </div> 259 260 <div class="col-xs-10 col-sm-7" align="center"> 261 262 263 264<!-- header-top-second start --> 265 266<!-- ================ --> 267 268<div id="header-top-second" class="clearfix text-right"> 269 270 <ul class="list-inline"> 271 272 <!--<li style=" font-size:18px;"><strong>First Order is Free</strong> </li>--> 273 274<li style=" font-size:18px;"><i class="fa fa-phone pr-5 pl-10"></i><strong><a href="tel:+923240650706" style="font-weight:bold; color:#fff; text-decoration:none;">324-065-0706</a></strong></li> 275 276 277 278<li style=" font-size:18px;"> <i class="fa fa-envelope-o pr-5 pl-10"></i> 279 280 <a href="mailto:[email protected]" style="font-weight:bold; color:#fff; text-decoration:none; font-size:18px;">[email protected]</a></li> 281 282 283 284 </ul> 285 286 287 288</div> 289 290<!-- header-top-second end --> 291 292 </div> 293 294 </div> 295 296 </div> 297 298 </div> 299 300 <!-- header-top end --> 301 302 303 304 <!-- header start --> 305 306 <!-- classes: --> 307 308 <!-- "fixed": enables fixed navigation mode (sticky menu) e.g. class="header fixed clearfix" --> 309 310 <!-- "dark": dark version of header e.g. class="header dark clearfix" --> 311 312 <!-- "full-width": mandatory class for the full-width menu layout --> 313 314 <!-- "centered": mandatory class for the centered logo layout --> 315 316 <!-- ================ --> 317 318 <header class="header fixed clearfix"> 319 320 321 322 <div class="container"> 323 324 <div class="row"> 325 326 <div class="col-md-4"> 327 328 <!-- header-left start --> 329 330 <!-- ================ --> 331 332 <div class="header-left clearfix"> 333 334 335 336 <!-- logo --> 337 338 <div id="logo" class="logo"> 339 340 <a href="index.html"><img id="logo_img" src="images/Sole-Digitizing-Logo-a.png" alt="Sole Digitizing"></a> 341 342 <p style="padding-left:15px; font-size:13px;">Flat Rate Embroidery Digitizing and Vector Art Company</p> 343 344 </div> 345 346 347 348 <!-- name-and-slogan --> 349 350 <!--<div class="site-slogan"> 351 352 Multipurpose HTML5 Template 353 354 </div>--> 355 356 357 358 </div> 359 360 <!-- header-left end --> 361 362 363 364 </div> 365 366 <!--<div class="col-md-2"></div>--> 367 368 <div class="col-md-8" style="padding-top:7px !important;"> 369 370 371 372 <!-- header-right start --> 373 374 <!-- ================ --> 375 376 <div class="header-right clearfix"> 377 378 379 380 <!-- ================ --> 381 382 <div class="main-navigation animated with-dropdown-buttons"> 383 384 385 386 <!-- navbar start --> 387 388 <!-- ================ --> 389 390 <nav class="navbar navbar-default" role="navigation"> 391 392 <div class="container-fluid"> 393 394 395 396 <!-- Toggle get grouped for better mobile display --> 397 398 <div class="navbar-header"> 399 400 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> 401 402 <span class="sr-only">Toggle navigation</span> 403 404 <span class="icon-bar"></span> 405 406 <span class="icon-bar"></span> 407 408 <span class="icon-bar"></span> 409 410 </button> 411 412 413 414 </div> 415 416 417 418<!-- Collect the nav links, forms, and other content for toggling --> 419 420<div class="collapse navbar-collapse" id="navbar-collapse-1"> 421 422 <ul class="nav navbar-nav "> 423 424 <li class="dropdown"><a href="index.html">Home</a></li> 425 426 <li class="dropdown active"><a href="order-online.php">Order Now</a></li> 427 428 <li class="dropdown"><a href="prices.html">Prices</a></li> 429 430 431 432 <li class="dropdown"><a href="payment.html">Pay Now</a></li> 433 434 <li class="dropdown"><a href="gallery.html">Gallery</a></li> 435 436 <li class="dropdown"><a href="contact.php">Contact</a></li> 437 <li class="dropdown"><a href="faq.html">FAQs</a></li> 438 <li class="dropdown"><a href="blog.html">Blog</a></li> 439 440 <!-- mega-menu end --> 441 442 443 444 </ul> 445 446</div> 447 448 449 450 </div> 451 452 </nav> 453 454 <!-- navbar end --> 455 456 457 458 </div> 459 460 <!-- main-navigation end --> 461 462 </div> 463 464 <!-- header-right end --> 465 466 467 468 </div> 469 470 471 472 <!--<div class="col-md-12"> 473 474 <p>
474Flat Rate Embroidery Digitizing and Vector Art Company</p> 475 476 </div>--> 477 478 479 480 </div> 481 482 </div> 483 484 485 486 </header> 487 488 <!-- header end --> 489 490 </div> 491 492 <!-- header-container end --> 493 494 495 496 <!-- banner start --> 497 498 <!-- ================ --> 499 500 501 502 <!-- banner end --> 503 504 505 506 <div id="page-start"></div> 507 508 <!-- section --> 509 510 <!-- breadcrumb start --> 511 512 <!-- ================ --> 513 514 <div class="breadcrumb-container"> 515 516 <div class="container"> 517 518 <ol class="breadcrumb"> 519 520 <li><i class="fa fa-home pr-10"></i><a href="index.html">Home</a></li> 521 522 <li class="active">Order Now</li> 523 524 </ol> 525 526 </div> 527 528 </div> 529 530 <!-- breadcrumb end --> 531 532 <!-- ================ --> 533 534 <section class="main-container"> 535 536 <div class="container"> 537 538 <div class="row"> 539 540 <!--<div class="col-md-1"> </div>--> 541 542 <div class="col-md-5"> 543 544 <h1>Submit Your Artwork</h1> 545 546 <div class="separator-2"></div> 547 548 549 550 <form action="order-online-config.php" method="post" name="frmOrder" id="frmOrder" role="form" enctype="multipart/form-data"> 551 552 553 554 555 556 557 558 559 560 561 <div class="form-group"> 562 563 <label for="exampleInputEmail1"><strong>Name</strong> <span style="color:#f00;">*</span></label> 564 565 <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="name" name="name" placeholder=""> 566 567 </div> 568 569 <div class="form-group"> 570 571 <label for="exampleInputEmail1"><strong>Email</strong> <span style="color:#f00;">*</span></label> 572 573 <input type="text" class="form-control validate[required,custom[email]]" required id="email" name="email" placeholder=""> 574 575 </div> 576 577 <div class="form-group"> 578 579 <label for="exampleInputPassword1"><strong>Phone</strong> <span style="color:#f00;">*</span></label> 580 581 <input type="text" id="phone" name="phone" class="form-control validate[required]"> 582 583 </div> 584 585 586 587 <div class="form-group"> 588 589 <label for="exampleInputEmail1"><strong>Desired Embroidery File Format</strong> <span style="color:#f00;">*</span></label> 590 591 <input type="text" class="form-control validate[required]" id="embroidery_file" name="embroidery_file" placeholder="e.g: .dst, .exp, .cnd, .hus, .dsb, .dsz, .tap, .jef, .pes, ect..."> 592 593 </div> 594 595 596 597 <div class="form-group"> 598 599 <label for="exampleInputEmail1"><strong>Dimensions of Design:</strong> 600 601<span style="color:#f00;">*</span></label> 602 603 <input type="text" class="form-control validate[required]" id="dimensions" name="dimensions" placeholder="Enter the approximate design width and height in inches"> 604 605 </div> 606 607 608 609 <div class="form-group"> 610 611 <label for="exampleInputEmail1"><strong>Payment Transaction ID</strong><span style="color:#f00;"></span></label> 612 613 <input type="text" class="form-control validate[required]" id="transaction_number" name="transaction_number" placeholder="enter Payment Transaction ID"> 614 615 </div> 616 617 618 619 620 621 <div class="form-group"> 622 623 624 625<label for="exampleInputPassword1"><strong>Attach Artwork</strong></label><br> 626 627 628 629<span style="color:#0000FF;">Image 1</span> <input type="file" class="form-control" id="artwork1" name="artwork1" placeholder=""> 630 631<span style="color:#0000FF;">Image 2</span> <input type="file" class="form-control" id="artwork2" name="artwork2" placeholder=""> 632 633 634 635 </div> 636 637 638 639 <div class="form-group"> 640 641 <label><strong>Additional Comments</strong></label> 642 643 <textarea class="form-control validate[required]" rows="5" name="comments" id="comments" style="margin-top:10px;"></textarea> 644 645 <div class="g-recaptcha" data-sitekey="6LfADMYcAAAAAEUkVB8_zD2n1B9jNffCw7s5jGEH"></div> 646 647 </div> 648 649 650 651 652 653 654 655 656 657 658 659 <button type="submit" class="btn btn-default">Place Order</button> 660 661 </form> 662 663 664 665 </div> 666 667 668 669 670 671 672 673 <div class="col-md-1"> </div> 674 675 676 677 <div class="col-md-5"> 678 679 680 681 682 683 684 685<p style="color:#000000; text-align:justify;"><h3>Submit Your Order in Three Simple Steps!</h3></p> 686<p style="color:#FF6600; text-align:justify;"><h4>1ï¸â£ Upload Your Artwork</h4></p> 687<p style="color:#000000; text-align:justify;">Submit your design using our Artwork Submission Form in any of the following formats:<strong>JPG, PNG, BMP, PDF, PSD, AI, HEIC </strong></p> 688<p style="color:#000000; text-align:justify;">Alternatively, you can email your artwork to:<a href="mailto:[email protected]">[email protected]</a> along with any specific instructions for your embroidery file.</p> 689 690<p style="color:#FF6600; text-align:justify;"><h4>2ï¸â£ Make Your Payment</h4></p> 691<p style="color:#000000; text-align:justify;"> Pay based on your design size:</p> 692 693<p style="color:#000000; text-align:justify;"> Small Designs <strong>(Up to 5" x 5") â Pay $15</strong></p> 694<p style="color:#000000; text-align:justify;">Large Designs <strong>(Up to 15" x 15") â Pay $35</strong></p> 695<p style="color:#000000; text-align:justify;">For custom sizes, please contact us for pricing.</p> 696<p style="color:#FF6600; text-align:justify;"><H4>3ï¸â£ Enter Your Payment ID</H4></p> 697<p style="color:#000000; text-align:justify;">After payment, include your Payment ID in the order form.</P> 698 699<p style="color:#000000; text-align:justify;">ð¡100% Satisfaction Guaranteed â If, for any reason, your design cannot be digitized, weâll notify you and issue a full refund.</P> 700 701<p style="color:#0000CC; text-align:justify;">ðð Ready to place your order? Letâs get started! </p> 702 703 704 705 706 </div> 707 708 <div class="col-md-1"> </div> 709 710 711 712 <!--<div class="col-md-5"> 713 714 <p> </p> 715 716 <p> </p> 717 718 <p> </p> 719 720 <img src="images/request-quote-banner.jpg" alt="Request a Quote Banner" border="0"></div>--> 721 722 723 724 </div> 725
726 </div> 727 728 <br> 729 730 </section> 731 732 <!-- section end --> 733 734 735 736 <!-- ================ --> 737 738 739 740 741<!-- HelpOnClick
742<script type='text/javascript'>(function() { 743 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 744 po.src = '//traffic8.helponclick.com/assist?c=5bb62953-3d78-4050-bbe1-5849a64e71ad'; 745 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 746})();</script>
746 747<!-- /HelpOnClick --> 748 749 750 751 752 753 <footer id="footer" class="clearfix dark"> 754 755 756 757 <!-- .footer start --> 758 <!-- ================ --> 759 <div class="footer"> 760 <div class="container"> 761 <div class="footer-inner"> 762 <div class="row"> 763 764 765 766<div class="col-md-4"> 767<div class="footer-content"> 768 769<h2 class="title">Quick Links</h2> 770<div class="separator-2"></div> 771<div class="row grid-space-10"> 772 773 774 775 776 777 <li><a href="index.html"style= color:#fff;>Home</a></li> 778 <li><a href="prices.html"style= color:#fff;>Prices</a></li> 779 <li><a href="payment.html"style= color:#fff;>Pay Now</a></li> 780 <li><a href="gallery.html"style= color:#fff;>Gallery</a></li> 781 <li><a href="contact.php"style= color:#fff;>Contact</a></li> 782 <li><a href="faq.html"style= color:#fff;>FAQs</a></li> 783 784 <li class="dropdown"><a href="blog.html">Blog</a></li> 785 786</div> 787 788</div> 789</div> 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 <div class="col-md-4"> 807 <div class="footer-content"> 808 <h2 class="title">Get in Touch</h2> 809 <div class="separator-2"></div> 810 <div class="row grid-space-10"> 811 <ul class="list-icons"> 812 813 <li><i class="fa fa-phone pr-10 text-default"></i><a href="tel:+923240650706" style= color:#fff;>324-065-0706</a></li> 814 <li><i class="fa fa-envelope-o pr-10 text-default"></i><a href="mailto:[email protected]" style= color:#fff;>[email protected]</a></li> 815 <li><i class="fa fa-globe pr-10 text-default"></i>www.soledigitizing.com</li> 816 817<li><i class="fa fa-map-marker pr-10 text-default"></i> 17133 Imperial Valley, Houston, TX</li> 818 </ul> 819 </div> 820 821 822</div> 823</div> 824 825<div class="col-md-4"> 826<div class="footer-content"> 827<h2 class="title">Secure Payment</h2> 828<div class="separator-2"></div> 829<img src="images/paypal-1.jpg" alt="PayPal"> 830 831 </div> 832 </div> 833 834 835 836 837 838 839 840 </div> 841 842 </div> 843 </div> 844 </div> 845 846 <!-- .footer end --> 847 848 <!-- .subfooter start --> 849 850 <!-- ================ --> 851 852 <div class="subfooter"> 853 854 <div class="container"> 855 856 <div class="subfooter-inner"> 857 858 <div class="row"> 859 860 <div class="col-md-12"> 861 862 <p class="text-center">© 2017-21 Sole Digitizing. All rights reserved.</p> 863 864 </div> 865 866 </div> 867 868 </div> 869 870 </div> 871 872 </div> 873 874 <!-- .subfooter end --> 875 876 877 878 </footer> 879 880 <!-- footer end --> 881 882 883 884 </div> 885 886 <!-- page-wrapper end --> 887 888 889 890 <!-- JavaScript files placed at the end of the document so the pages load faster --> 891 892 <!-- ================================================== --> 893 894 <!-- Jquery and Bootstap core js files --> 895 896
896<script type="text/javascript" src="plugins/jquery.min.js"></script>
896 897 898
898<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
898 899 900 901 902 <!-- Modernizr javascript --> 903 904
904<script type="text/javascript" src="plugins/modernizr.js"></script>
904 905 906 907 908 <!-- jQuery Revolution Slider --> 909 910
910<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
910 911 912
912<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
912 913 914 915 916 917 918 919 920 921 922 <!-- Isotope javascript --> 923 924
924<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>
924 925 926 927 928 <!-- Magnific Popup javascript --> 929 930
930<script type="text/javascript" src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
930 931 932 933 934 <!-- Appear javascript --> 935 936
936<script type="text/javascript" src="plugins/waypoints/jquery.waypoints.min.js"></script>
936 937 938 939 940 <!-- Count To javascript --> 941 942
942<script type="text/javascript" src="plugins/jquery.countTo.js"></script>
942 943 944 945 946 <!-- Parallax javascript --> 947 948
948<script src="plugins/jquery.parallax-1.1.3.js"></script>
948 949 950 951 952 <!-- Contact form --> 953 954
954<script src="plugins/jquery.validate.js"></script>
954 955 956 957 958 959 960 961 962 963 964 <!-- Morphext --> 965 966
966<script type="text/javascript" src="plugins/morphext/morphext.min.js"></script>
966 967 968 969 970 971 972 973 974 975 976 977 978 <!-- Background Video --> 979 980
980<script src="plugins/vide/jquery.vide.js"></script>
980 981 982 983 984 <!-- Owl carousel javascript --> 985 986
986<script type="text/javascript" src="plugins/owl-carousel/owl.carousel.js"></script>
986 987 988 989 990 <!-- SmoothScroll javascript --> 991 992
992<script type="text/javascript" src="plugins/jquery.browser.js"></script>
992 993 994
994<script type="text/javascript" src="plugins/SmoothScroll.js"></script>
994 995 996 997 998 <!-- Initialization of Plugins --> 999 1000
1000<script type="text/javascript" src="js/template.js"></script>
1000 1001 1002 1003 1004 <!-- Custom Scripts --> 1005 1006
1006<script type="text/javascript" src="js/custom.js"></script>
1006 1007 1008 1009 1010 1011 1012 1013 1014<!-- SweetAlert2 JS -->
1015<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
vendor: 1 bytes, line 1015
1015
1016<script> 1017document.addEventListener("DOMContentLoaded", function () { 1018 const form = document.querySelector("form"); 1019 if (form) { 1020 form.addEventListener("submit", function (e) { 1021 let missingFields = []; 1022 let hasAtLeastOneFile = false; 1023 1024 // Explicitly list required field names (exclude transaction_number and comments) 1025 const requiredFields = [ 1026 "name", 1027 "email", 1028 "phone", 1029 "embroidery_file", // Desired Embroidery File Format 1030 "dimensions" // Dimensions of Design 1031 // "comments" is intentionally excluded 1032 ]; 1033 1034 // Check all required fields except transaction_number and comments 1035 requiredFields.forEach(function(fieldName) { 1036 const input = form.querySelector(`[name="${fieldName}"]`); 1037 if (input && !input.value.trim()) { 1038 missingFields.push(fieldName); 1039 } 1040 }); 1041 1042 // Check if at least one file is uploaded 1043 const file1 = form.querySelector('input[name="artwork1"]'); 1044 const file2 = form.querySelector('input[name="artwork2"]'); 1045 if ((file1 && file1.files.length > 0) || (file2 && file2.files.length > 0)) { 1046 hasAtLeastOneFile = true; 1047 } 1048 1049 // If missing required fields 1050 if (missingFields.length > 0) { 1051 e.preventDefault(); 1052 Swal.fire({ 1053 icon: 'error', 1054 title: 'Missing Information!', 1055 text: 'Please fill out all required fields before submitting your order.', 1056 confirmButtonText: 'OK' 1057 }); 1058 return false; 1059 } 1060 1061 // If no file uploaded 1062 if (!hasAtLeastOneFile) { 1063 e.preventDefault(); 1064 Swal.fire({ 1065 icon: 'error', 1066 title: 'Missing File!', 1067 text: 'Please upload at least one artwork file before submitting your order.', 1068 confirmButtonText: 'OK' 1069 }); 1070 return false; 1071 } 1072 1073 // Show loading popup 1074 Swal.fire({ 1075 title: 'Submitting Your Order...', 1076 text: 'Please wait while we upload your artwork and process your order.', 1077 allowOutsideClick: false, 1078 didOpen: () => { 1079 Swal.showLoading() 1080 } 1081 }); 1082 }); 1083 } 1084 1085 // Success popup after redirect 1086 const urlParams = new URLSearchParams(window.location.search); 1087 if (urlParams.get('status') === 'success') { 1088 Swal.fire({ 1089 icon: 'success', 1090 title: 'Order Submitted!', 1091 text: 'Your order has been received successfully.', 1092 confirmButtonText: 'OK' 1093 }).then(() => { 1094 // Remove ?status=success from the URL without reloading 1095 if (window.history.replaceState) { 1096 const url = new URL(window.location); 1097 url.searchParams.delete('status'); 1098 window.history.replaceState({}, document.title, url.pathname); 1099 } 1100 }); 1101 } 1102}); 1103</script>
1103 1104 1105 1106 1107 </body> 1108 1109 1110 1111 1112<!-- Mirrored from htmlcoder.me/preview/the_project/v.1.0/template/index-corporate-1.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 31 Aug 2015 11:00:58 GMT --> 1113 1114</html> 1115
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.