CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-K0WJW2LHCN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-K0WJW2LHCN'); </script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Delmarva Digital"> <meta name="keywords" content=""> <meta name="description" content=""> <link rel="icon" type="image/png" href="images/dd_favicon.png"> <link href="includes/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="includes/core/essentials.css" rel="stylesheet" type="text/css" /> <link href="includes/core/layout.css" rel="stylesheet" type="text/css" /> <link href="includes/core/header-1.css" rel="stylesheet" type="text/css" /> <link href="includes/core/color_scheme/darkblue.css" rel="stylesheet" type="text/css" id="color_scheme" /> <link href="includes/core/front.css" rel="stylesheet" type="text/css" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <title>Home | Delmarva Digital</title> </head> <body class="smoothscroll enable-animation"> <div id="wrapper"> <div id="header" class="navbar-toggleable-md transparent sticky header-md clearfix" aria-label="main" role="header"> <header id="topNav" class=""> <div class="container"> <a class="logo pull-left" href="index.html"> <img src="images/logo-light-sm.png" alt="logo" />  <img src="images/logo-dark-sm.png" alt="logo" />  </a>  <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse" aria-label="Navigation toggle"> <i class="fa fa-bars"></i> </button> <div class="navbar-collapse collapse pull-left nav-main-collapse submenu-dark"> <nav class="nav-main"> <ul id="topMain" class="nav nav-pills"> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="dropdown-toggle" aria-haspopup="true" aria-expanded="false" role="navigation"> COMPANY </a> <ul class="dropdown-menu" aria-haspopup="true"> <li> <a href="https://www.delmarvadigital.com/company_overview.htm"> ABOUT </a> </li> <li> <a href="https://www.delmarvadigital.com/news.htm"> NEWS </a> </li> <li> <a href="https://www.delmarvadigital.com/careers.htm"> CAREERS </a> </li> <li> <a href="https://www.delmarvadigital.com/company_overview.htm#socialResponsibility"> SOCIAL RESPONSIBILITY </a> </li> <li> <a href="https://www.delmarvadigital.com/testimonials.htm"> TESTIMONIALS </a> </li> </ul> </li> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="dropdown-toggle" style="cursor:default !important;" aria-haspopup="true" aria-expanded="false" role="button">SERVICES</a> <ul class="dropdown-menu" aria-haspopup="true"> <li> <a href="https://www.delmarvadigital.com/custom_software_programming.htm"> CUSTOM PROGRAMMING </a> </li> <li> <a href="https://www.delmarvadigital.com/website_design_and_development.htm"> WEBSITE DEVELOPMENT </a> </li> <li> <a class="dropdown-toggle" href="https://www.delmarvadigital.com/strategic_technology_consulting.htm"> STRATEGIC CONSULTING </a> </li> <li> <a href="https://www.delmarvadigital.com/search_engine_marketing_and_optimization.htm"> WEB MARKETING & SEO </a> </li> </ul> </li> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="" href="https://www.delmarvadigital.com/industries_and_sectors_we_serve.htm"> PORTFOLIO </a> </li> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="dropdown-toggle" href="#" aria-haspopup="true" aria-expanded="false" role="button"> EXPERTISE </a> <ul class="dropdown-menu" aria-haspopup="true"> <li><a href="https://www.delmarvadigital.com/content_management_software.htm"> EASY CONTENT MANAGEMENT </a></li> <li><a href="https://www.delmarvadigital.com/document_management.htm"> DOCUMENT MANAGEMENT </a></li> <li><a href="https://www.delmarvadigital.com/mobile_application_development.htm"> MOBILE & APP DEVELOPMENT </a></li> <li><a href="https://www.delmarvadigital.com/custom_software_programming.htm#portals">PORTALS</a></li> <li><a href="https://www.delmarvadigital.com/ecommerce_solutions.htm"> E-COMMERCE </a></li> <li><a href="https://www.delmarvadigital.com/e-Learning.htm"> E-LEARNING </a></li> <li><a href="https://www.delmarvadigital.com/custom_cpq_software.htm"> ENGINEERING QUOTING SYSTEMS </a></li> <li><a href="https://www.delmarvadigital.com/industries_and_sectors/government.htm"> GOVERNMENT </a></li> </ul> </li> <li class="dropdown" aria-haspopup="false"><a href="https://www.delmarvadigital.com/contact_us.htm"> CONTACT </a></li> </ul> </nav> </div> </div> </header> </div>  <section id="slider" class="threefourthsheight"> <div class="slider-video"> <video poster="images/cloudTN.jpg" preload="auto" loop autoplay muted style="object-fit:fill"> <source src="videos/cloud.mp4" type="video/mp4" /> </video> </div> <div class="display-table"> <div class="display-table-cell vertical-align-middle"> <div class="container"> <div class="text-center"> <h1 style="font-weight:500;" class="font-open-sans wow fadeInUp" data-wow-delay="0.4s">CUSTOM WEBSITE &<br> SOFTWARE SOLUTIONS FOR BUSINESSES & ORGANIZATIONS</h1> <p class="lead font-lato fw-300 hidden-xs-down wow fadeInUp" data-wow-delay="0.6s"></p> </div> </div> </div> </div> </section>   <section id="services" style="background-color:#F3F3F3;"> <div class="container"> <div class="row"> <div class="col-12"> <div class="text-center"> <h2 class="bold font-raleway" style="font-size:29px;">OVER 25 YEARS OF BUSINESS &AMP; TECHNOLOGY EXPERIENCE</h2> </div> </div> </div> <div class="row row-eq-height"> <div class="col-md-6 col-lg-3"> <div class="card card-bg hover-active p-5 text-center"> <a href="https://www.delmarvadigital.com/custom_software_programming.htm"> <span class="fa-stack fa-5x mx-auto"> <i class="fa fa-circle card-ico-circle"></i> <image class="card-ico-main" src="images/codeIco.png" alt="codeIco" style="position: absolute; top: 29%; left:27.5%; width:72px; height:75px;"></image> </span> </a> <h3 class="card-title-home">CUSTOM<br />PROGRAMMING</h3> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-bg hover-active p-5 text-center"> <a href="https://www.delmarvadigital.com/website_design_and_development.htm"> <span class="fa-stack fa-5x mx-auto"> <i class="fa fa-circle card-ico-circle"></i> <image class="card-ico-main" src="images/webDevIco.png" alt="codeIco" style="position: absolute; top: 24%; left:22%; width:90px; height:93px;"></image> </span> </a> <h3 class="card-title-home">WEB DESIGN & DEVELOPMENT</h3> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-bg hover-active p-5 text-center"> <a href="https://www.delmarvadigital.com/strategic_technology_consulting.htm" aria-label="strategic consulting link"> <span class="fa-stack fa-5x mx-auto"> <i class="fa fa-circle card-ico-circle fa-stack-2x"></i> <i class="fa fa-handshake-o card-ico-main fa-stack-1x" style="font-size:76px;top:3%;"></i> </span> </a> <h3 class="card-title-home">STRATEGIC<br />CONSULTING</h3> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card card-bg hover-active p-5 text-center"> <a href="https://www.delmarvadigital.com/industries_and_sectors_we_serve.htm"> <span class="fa-stack fa-5x mx-auto"> <i class="fa fa-circle card-ico-circle fa-stack-2x"></i> <image class="card-ico-main" src="images/industryIco.png" alt="codeIco" style="position: absolute; top: 23%; left:20.5%; width:95px; height:95px;"></image> </span> </a> <h3 class="card-title-home">INDUSTRIES<br />WE SERVE</h3> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="text-center"> <h2 class="bold font-raleway" style="font-size:29px;margin-top:50px;">WEBSITES, PORTALS, MOBILE SOLUTIONS AND APPLICATION SOFTWARE FOR SMALL BUSINESS, ENTERPRISE AND GOVERNMENT</h2> </div> </div> </div> </div> </section>  <section style="padding:40px 0 8; background-image:url('images/page_bg.jpg')"> <div class="container"> <div class="text-center"> <h2 style="color:white;">100% USA BASED FACILITY & DEVELOPMENT TEAM SINCE 1997</h2> </div> </div> </section>  <section style="padding: 0;border-bottom:none"> <div class="container-fluid" style="overflow: hidden;padding-left:0;padding-right:0;"> <div class="service-blocks-wrapper"> <div class="service-blocks-background imageBlock1" style="z-index=1;"></div> <div class="service-blocks-background imageBlock2" style="z-index=1;"></div> <div class="service-blocks-background imageBlock3" style="z-index=1;"></div> <div class="service-blocks-background imageBlock4" style="z-index=1;"></div> <div class="service-blocks-background imageBlock5" style="z-index=1;"></div> <div class="service-blocks-background imageBlock6" style="z-index=1;"></div> <div class="service-blocks-background imageBlock7" style="z-index=1;"></div> <div class="service-blocks-background imageBlock8" style="z-index=1;"></div> <div class="row box-gradient" style="height:400px;"> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/custom_software_programming.htm" data-pos="1"> <div class="bg-change1 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>SMALL BUSINESS</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/industries_and_sectors_we_serve.htm" data-pos="2"> <div class="bg-change2 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>ENTERPRISE</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/ecommerce_solutions.htm" data-pos="3"> <div class="bg-change3 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>ECOMMERCE</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/custom_software_programming.htm#portals" data-pos="4"> <div class="bg-change4 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>WEB PORTALS</h2></div> </a> </div> </div> <div class="row box-gradient" style="height:400px;"> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/strategic_technology_consulting.htm" data-pos="7"> <div class="bg-change7 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>BUSINESS PROCESS</BR />MANAGEMENT</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/custom_software_programming.htm#communicationSystems" data-pos="8"> <div class="bg-change8 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>COMMUNICATION<BR /> SYSTEMS</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/e-Learning.htm" data-pos="5"> <div class="bg-change5 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2 class="font-raleway">E-LEARNING</h2></div> </a> </div> <div class="col-lg-3 service-block-content"> <a href="https://www.delmarvadigital.com/document_management.htm" data-pos="6"> <div class="bg-change6 service-block-image service-block-animate"> <span role="img" aria-label="background image"></span> </div> <div class="service-block-title no-icon"><h2>CONTENT &AMP; DOCUMENT MANAGEMENT</h2></div> </a> </div> </div> </div> </div> </section>  <section id="news" class="dark"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div> <h2 style="margin-bottom:16px;">NEWS</h2> </div> <div class="blog-post-item">  <figure class="blog-item-small-image mb-20" alt="News image" role="none"> <img class="img-fluid" src="https://www.delmarvadigital.com/pics/news_img1.jpg" alt="News image" role="none"> </figure> <div class="blog-item-small-content"> <h4><a href="https://www.delmarvadigital.com/newsitem.htm?newsId=6"> US Senator & Homeland Security Chairman Visits Delmarva Digital Facility </a></h4> <p>US Senator Tom Carper - Chairman of the Senate Homeland Security and Border...</p> </div> </div> <div class="blog-post-item">  <figure class="blog-item-small-image mb-20" alt="News image" role="none"> <img class="img-fluid" src="https://www.delmarvadigital.com/pics/news_img2.jpg" alt="News image" role="none"> </figure> <div class="blog-item-small-content"> <h4><a href="https://www.delmarvadigital.com/newsitem.htm?newsId=7"> Delmarva Digital Founders Honored by Congress </a></h4> <p>During the 111<sup>th</sup> session of the U. S. House of Representatives, ...</p> </div> </div> <div class="blog-post-item">  <figure class="blog-item-small-image mb-20" alt="News image" role="none"> <img class="img-fluid" src="https://www.delmarvadigital.com/pics/news_img3.jpg" alt="News image" role="none"> </figure> <div class="blog-item-small-content"> <h4><a href="https://www.delmarvadigital.com/newsitem.htm?newsId=8"> Delaware Governor Visits Delmarva Digital Facility </a></h4> <p>Delaware's Governor stopped by Delmarva Digital's Laurel facility for a tou...</p> </div> </div>   </div> <div class="col-lg-6 blog-subsection"> <div style="box-shadow:13px 14px 6px -7px #5A5A5A;"> <div class="embed-responsive embed-responsive-16by9"> <iframe aria-label="Youtube video" width="560" height="315" src="https://www.youtube.com/embed/6gMTTqfTsHI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> <p></br>Since 1997, the Delmarva Digital team has become one of the region's leading developers of web sites. Now, with hundreds of web development clients throughout the United States and around the world, our team can offer your organization a great deal of experience in many different areas of web site design and software development. Call us today for a no cost consultation. What鈥檚 the bottom line? We can help you get the results you are looking for! Call us at (302) 875-7700.</p> </div> </div> </div> </section> <section class="dark callout alert alert-transparent b-0 rad-0 m-0" style="background-color:black !important;padding-bottom:50px;"> <div class="container"> <div class="text-center"> <div class="row mx-auto"> <div class="col-12"> <h3 style="font-size: 46px;margin-bottom:10px;color:white">Want to learn more?</h3> </div> </div> <div class="row mx-auto"> <div class="col-12"> <p class="font-lato fs-30" role="heading">It's Easy</p> </div> </div> <div class="row mx-auto"> <div class="col-12"> <a class="btn btn-primary btn-lg mt-30" href="#getaquote" data-toggle="modal">Request a Quote</a> </div> </div> </div> </div> </section> <section style="background-image:url('images/parra_3.png');padding:35px 0 20px;"> <div class="container"> <ul class="row clearfix testimonial-dotted list-unstyled" style="padding-right:25px;"> <li class="col-12 col-md-6"> <div class="testimonial"> <div class="text-center"> <img src="images/discoverLogo.png" alt="Discover Logo" style="max-width:100%;height:61px;margin-bottom:20px;margin-left:25px;" /> </div> <div class="testimonial-content" style="padding:0 9px 0 39px;"> <p>Delmarva Digital was the 'go to' expert for development of our collaborative financial literacy project. Their depth of knowledge and expertise significanly contributed to our successful portal architecture and design, and we were very pleased with the final result. All of the user interfaces and administrator tools were so intuitive, we experienced almost no learning curve.</p> <cite> Amy Walls - AST CRA Director <span>Discover Bank</span> </cite> </div> </div> </li> <li class="col-12 col-md-6"> <div class="testimonial"> <div class="text-center"> <img src="images/NanticokeLogo.png" alt="Nanticoke Logo" style="max-width:100%;height:61px;margin:-11px 0 31px;transform:scale(1.45);" /> </div> <div class="testimonial-content"> <p>Delmarva Digital designed and implemented our intranet based only on a very high-level concept of our needs. And it came out great! The site is well-designed for easy navigation, our clients throughout the hospital use it on a 24/7 basis. It contains an administrative back-end so our clients can maintain their own content which saves a lot of calls to the IT department. Additionally, as the administrator of the site and a Coldfusion programmer, I really appreciate the simplicity of the design, it easily allows me to add new functionality without having to change any existing code.<br/><br/> They did a fantastic job, I won't hesitate to call on them again.</p> <cite> Sandy Moore - Sr. System Analyst <span>Nanticoke Memorial Hospital</span> </cite> </div> </div> </li> </ul> <div class="row"> <div class="col-12 text-center"> <a class="btn btn-lg btn-outline-secondary testimonial-content" href="https://www.delmarvadigital.com/testimonials.htm"> See More Testimonials </a> </div> </div> </div> </section> <script type="text/javascript">var plugin_path = 'includes/assets/js/plugins/';</script> <script type="text/javascript" src="includes/assets/js/plugins/jquery/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="includes/plugins/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="includes/assets/js/scripts.js"></script> <script type="text/javascript"> $(document).ready(function() { // keep header at the top even if the document doesn't load at the top of the page homeHeight = $(window).outerHeight(); if(jQuery(document).scrollTop() > homeHeight) { jQuery('#header').addClass('fixed'); window.isOnTop = false; } else { jQuery('#header').removeClass('fixed'); window.isOnTop = true; } // the window width at which to control animations was decided using bootstrap breakpoints // for reference, they are as follows [https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints]: // xs (smart phone: portrait): 0-575px // sm (smart phone: landscape): 576-767px // md (tablet): 768-991px // lg (desktop standard): 992-1199px // xl (larger desktops): >=1200px; if ( $(window).width() >= 992 ) { addAnimationListener(); } else { $(".box-gradient").css('height', 'auto'); $(".service-block-image").removeClass('service-block-animate'); $(".marquee-card").removeClass("card-enable"); } if ( $(window).width() <= 767 ) { $(".blog-post-item").addClass("mobile-window"); // $("#securitySec").css("height","765px"); } $(document).ajaxStart(function() { $("#sendQuoteProg").addClass("showProg"); }); $(document).ajaxStop(function() { $("#sendQuoteProg").removeClass("showProg"); }); // Force the phone number field to only allow numeric entries to prevent them from trying to format the number - we accept it only unformatted $("#txtPhoneNumber").keydown(function (e) { // Allow: backspace, delete, tab, escape, and enter if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 || // Allow: Ctrl/cmd+A (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) || // Allow: Ctrl/cmd+C (e.keyCode == 67 && (e.ctrlKey === true || e.metaKey === true)) || // Allow: Ctrl/cmd+X (e.keyCode == 88 && (e.ctrlKey === true || e.metaKey === true)) || // Allow: home, end, left, right (e.keyCode >= 35 && e.keyCode <= 39)) { // let it happen, don't do anything return; } // Ensure that it is a number and stop the keypress if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { e.preventDefault(); } }) $(".required-field").focusout(function() { addRequiredIndicator(this); }); $("#txtPhoneNumber").change(function() { if ( $("#txtPhoneNumber").hasClass('field-missing') ) $("#txtPhoneNumber").removeClass('field-missing'); }); }); $(window).resize(function() { if ( $(window).width() < 992 ) { removeAnimationListener(); $(".box-gradient").css('height', 'auto'); $(".service-block-image").removeClass('service-block-animate'); $(".marquee-card").removeClass("card-enable"); } else { addAnimationListener(); $('.box-gradient').css('height', 400); $('.service-block-image').addClass('service-block-animate'); $(".marquee-card").addClass("card-enable"); } if ( $(window).width() <= 767 ) { $(".blog-post-item").addClass("mobile-window"); $("#securitySec").css("height","755px"); } else { $(".blog-post-item").removeClass("mobile-window"); $("#securitySec").css("height","500px"); } }); // have the header remain somewhat transparent until the user scrolls fully past it $(window).scroll(function () { var scrollPos = $(window).scrollTop(); var targetPos = $("#slider").height(); if ( scrollPos > 0 && scrollPos < targetPos ) { $("#header").css("opacity",".8"); } else { $("#header").css("opacity","1"); } }); function addAnimationListener() { $(".service-block-content").on('mouseover', function(){ var getPos = $(this).children('a').attr("data-pos"); var thisImage = $(this).children('a').children('div.service-block-image'); var thisTitle = $(this).children('a').children('div.service-block-title'); $("div.service-block-image").not(thisImage).addClass('transparency'); $("div.service-block-title").not(thisTitle).addClass('faded-service-title'); $(".imageBlock" + getPos).addClass("active-service-block"); $(".imageBlock" + getPos).css('zIndex','2'); }).on('mouseleave', function(){ var getPos = $(this).children('a').attr("data-pos"); var thisImage = $(this).children('a').children('div.service-block-image'); var thisTitle = $(this).children('a').children('div.service-block-title'); $("div.service-block-image").not(thisImage).removeClass('transparency'); $("div.service-block-title").not(thisTitle).removeClass('faded-service-title'); $(".imageBlock" + getPos).removeClass("active-service-block"); $(".imageBlock" + getPos).css('zIndex','1'); }); } function removeAnimationListener() { $(".service-block-content").off('mouseover mouseleave'); } function addRequiredIndicator(e) { var Ele = $(e); console.log(Ele.val(), Ele); ( Ele.val() == "" ) ? Ele.addClass("field-missing") : Ele.removeClass("field-missing"); } </script> <script type="text/javascript"> function processQuoteRequest() { // Do some quality assurance checks so that we get good data in the database var passCheck = true; if ( $("#txtFirstName").val() == "" ) { passCheck = false; $("#txtFirstName").addClass("field-missing"); } else { $("#txtFirstName").removeClass("field-missing"); } if ( $("#txtLastName").val() == "" ) { passCheck = false; $("#txtLastName").addClass("field-missing"); } else { $("#txtLastName").removeClass("field-missing"); } if ( $("#txtEmail").val() == "" ) { passCheck = false; $("#txtEmail").addClass("field-missing"); } else { $("#txtEmail").removeClass("field-missing"); } if (!passCheck) { alert("Required fields are missing"); return; } if ( $("#txtPhoneNumber").val() != "" ) { if ( !$.isNumeric($("#txtPhoneNumber").val()) ) { alert("Phone Number should include only numbers - do not include any formatting"); return; } if ( $("#txtPhoneNumber").val().length > 0 && $("#txtPhoneNumber").val().length != 10 ) { $("#txtPhoneNumber").addClass('field-missing'); alert("Phone number must be 10 digits long!"); return; } } // get the checkbox values into a db friendly format var requestTypesSelected = ""; var orgTypesSelected = ""; for ( i = 1; i <= 3; i++ ) { if ( $("#chkRequestType" + i).prop("checked") ) requestTypesSelected += "," + i; } for ( i = 1; i <= 5; i++ ) { if ( $("#chkOrgType" + i).prop("checked") ) orgTypesSelected += "," + i; } if ( requestTypesSelected != "" ) requestTypesSelected += ","; if ( orgTypesSelected != "" ) orgTypesSelected += ","; // this will be where we add the request to the db by making an ajax call to the cfc $.get('https://www.delmarvadigital.com/modules/QuoteRequests.cfc?method=addQuoteRequest' + '&firstName=' + encodeURIComponent($("#txtFirstName").val()) + '&lastName=' + encodeURIComponent($("#txtLastName").val()) + '&orgName=' + encodeURIComponent($("#txtOrgName").val()) + '&city=' + encodeURIComponent($("#txtCity").val()) + '&state=' + encodeURIComponent($("#cmbState").val()) + '&zip=' + encodeURIComponent($("#txtZip").val()) + '&email=' + encodeURIComponent($("#txtEmail").val()) + '&phoneNumber=' + encodeURIComponent($("#txtPhoneNumber").val()) + '&orgTypes=' + encodeURIComponent(orgTypesSelected) + '&requestTypes=' + encodeURIComponent(requestTypesSelected) + '&comments=' + encodeURIComponent($("#txtaDescription").val()) + '&recaptcha=' + encodeURIComponent($("#g-recaptcha-response").val()) ,function(data) { // get return code so we know how to proceed var res = JSON.parse(data); handleProcessResults(res.returnCode); }); } function processFilePort() { // Do some quality assurance checks so that we get good data in the database var passCheck = true; if ( $("#textEmail").val() == "" ) { passCheck = false; $("#textEmail").addClass("field-missing"); } else { $("#textEmail").removeClass("field-missing"); } if ( $("#txtPassword").val() == "" ) { passCheck = false; $("#txtPassword").addClass("field-missing"); } else { $("#txtPassword").removeClass("field-missing"); } if (!passCheck) { alert("Required fields are missing"); return; }else{ $('#filePortForm').submit(); } } /// handle the results of processing a quote request /// resCode key: /// 0 == CAPTCHA ERROR /// 1 == SUCCESS /// 2 == EMAIL ALERT NOT SENT function handleProcessResults(resCode) { if ( resCode != 0 ) { // Set progress bar to 100% just for the sake of appearances $(".progress-bar").css('width','100%'); // reset the fields on the request form $("#txtFirstName").val(""); $("#txtLastName").val(""); $("#txtOrgName").val(""); $("#txtCity").val(""); $("#cmbState").val("Delaware"); $("#txtZip").val(""); $("#txtEmail").val(""); $("#txtPhoneNumber").val(""); $("#txtaDescription").val(""); for ( i = 1; i <= 3; i++ ) { $("#chkRequestType" + i).prop("checked",false); } for ( i = 1; i <= 5; i++ ) { $("#chkOrgType" + i).prop("checked",false); } // and tell user the request was sent, then close the dialog alert("Request Sent!") $(".progress-bar").css('width','75%'); $("#getaquote").modal("toggle"); } else { alert('Please check the reCaptcha before submitting'); } } </script> </div>  <footer id="footer">  <section class="dark alternate" style="padding:40px 0 8px;"> <div class="container"> <div class="row"> <div class="col-md-4 text-center"> <a class="logo pull-left" href="index.html"> <img src="images/logo-light-sm.png" alt="Delmarva Digital" style="max-width:100%;margin-bottom:16px;" /> </a> <br /> <a href="https://www.delmarvadigital.com/contact_us.htm" class="btn btn-primary" style="width:170px;">CONTACT US</a> </div> <div class="col-md"> <a href="https://www.delmarvadigital.com/company_overview.htm"> <h3 class="site-map-header">COMPANY</h3> </a> <ul class="site-map-list"> <li><a href="https://www.delmarvadigital.com/company_overview.htm"> About </a></li> <li><a href="https://www.delmarvadigital.com/news.htm"> News </a></li> <li><a href="https://www.delmarvadigital.com/careers.htm"> Careers </a></li> <li><a href="https://www.delmarvadigital.com/testimonials.htm"> Testimonials </a></li> <li><a href="https://www.delmarvadigital.com/company_overview.htm#socialResponsibility"> Social Responsibility </a></li> <li><a href="https://www.delmarvadigital.com/fileport.htm"> Client FilePORT </a></li> </ul> </div> <div class="col-md"> <h3 class="site-map-header">SERVICES</h3> <ul class="site-map-list"> <li><a href="https://www.delmarvadigital.com/custom_software_programming.htm"> Custom Programming </a></li> <li><a href="https://www.delmarvadigital.com/website_design_and_development.htm"> Website Development </a></li> <li><a href="https://www.delmarvadigital.com/strategic_technology_consulting.htm"> Strategic Consulting </a></li> <li><a href="https://www.delmarvadigital.com/search_engine_marketing_and_optimization.htm"> Web Marketing & SEO </a></li> </ul> </div> <div class="col-md"> <h3 class="site-map-header">EXPERTISE</h3> <ul class="site-map-list"> <li><a href="https://www.delmarvadigital.com/content_management_software.htm"> Easy Content Management </a></li> <li><a href="https://www.delmarvadigital.com/document_management.htm"> Document Management </a></li> <li><a href="https://www.delmarvadigital.com/mobile_application_development.htm"> Mobile & App Development </a></li> <li><a href="https://www.delmarvadigital.com/custom_software_programming.htm#portals"> Portals </a></li> <li><a href="https://www.delmarvadigital.com/ecommerce_solutions.htm"> E-Commerce </a></li> <li><a href="https://www.delmarvadigital.com/e-Learning.htm"> E-Learning </a></li> <li><a href="https://www.delmarvadigital.com/custom_cpq_software.htm"> Engineering Quoting Systems </a></li> <li><a href="https://www.delmarvadigital.com/industries_and_sectors/government.htm"> Government </a></li> </ul> </div> <div class="col-md"> <a href="https://www.delmarvadigital.com/industries_and_sectors_we_serve.htm"> <h3 class="site-map-header">INDUSTRIES</h3> </a> </div> </div> </div> </section> <div class="copyright"> <div class="container"> <ul class="float-right m-0 list-inline mobile-block"> <li><a href="https://www.delmarvadigital.com/policies.htm">Privacy</a></li> </ul> © 2024 | Design, Application Development, and Hosting by <a href="http://www.ddmg.net" target="_blank" aria-label="opens in a new tab">Delmarva Digital</a> </div> </div> </footer>   <div class="modal fade" id="getaquote" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div id="sendQuoteProg" style="background-color:rgba(0,0,0,.5);height:100%;width:100%;position:absolute;top:0;left:0;z-index:999;padding:0 10%;"> <div class="progress" style="margin-top:60%;"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div> </div> </div> <div class="modal-header d-block"> <div class="text-right"> <button type="button" class="close float-none" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <h2 class="modal-title" id="exampleModalLabel">Request a Quote</h2> </div> <div class="modal-body"> <form> <div class="container-fluid"> <div class="row"> <div class="form-group col-md-6"> <label for="txtFirstName">First Name<div class="req-indicator"> *</div></label> <input id="txtFirstName" type="text" class="form-control required-field"> </div> <div class="form-group col-md-6"> <label for="txtLastName">Last Name<div class="req-indicator"> *</div></label> <input id="txtLastName" type="text" class="form-control required-field"> </div> </div> <div class="row"> <div class="col form-group"> <label for="txtOrgName">Organization Name</label> <input id="txtOrgName" type="text" class="form-control"> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="txtCity">City</label> <input id="txtCity" type="text" class="form-control"> </div> </div> <div class="form-group col-lg-3"> <label for="cmbState">State</label> <select id="cmbState" class="form-control"> <option value="Delaware">Delaware</option> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="District Of Columbia">District Of Columbia</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> </select> </div> <div class="form-group col-lg-3"> <label for="txtZip">Zip</label> <input id="txtZip" type="text" class="form-control"> </div> </div> <div class="row"> <div class="col-lg-9"> <div class="form-group"> <label for="txtEmail">Email<div class="req-indicator"> *</div></label> <input id="txtEmail" type="text" class="form-control required-field"> </div> </div> <div class="col-lg-3"> <div class="form-group"> <label for="txtPhoneNumber">Phone</label> <input id="txtPhoneNumber" type="text" class="form-control"> </div> </div> </div> <div class="row"> <div class="col-12"> <label>Type of Request (Check all that apply)</label> </div> <div class="col-lg"> <input aria-label="Type of request "id="chkRequestType1" type="checkbox"> Website Design and Development </div> <div class="col-lg"> <input aria-label="Type of request "id="chkRequestType2" type="checkbox"> Custom Programming </div> <div class="col-lg"> <input aria-label="Type of request "id="chkRequestType3" type="checkbox"> Strategic Consulting </div> </div> <div class="row"> <div class="col form-group"> <label for="txtaDescription">Please describe your project or ask a question</label> <textarea id="txtaDescription" class="form-control" style="height:78px;"></textarea> </div> </div> <center><div class="g-recaptcha" data-size="normal" data-sitekey="6Lc-RlQUAAAAAFXxZMMNa3ieKIbtxwRyxFQE3PBH"></div></center> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" onClick="processQuoteRequest();">Send Request</button> </div> </div> </div> </div> <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#2a3294', triggerColor : '#2a3294', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script> </body> </html>