CINXE.COM
Carrollton, GA - Municipal Online Services
<!DOCTYPE html> <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if IE 8]> <html class="lt-ie9" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en" style="font-family: Roboto !important;"> <!--<![endif]--> <style> @media (max-width: 392px) { #forge_layout_body forge-popup { right: 18px !important; } } :not(:defined) { visibility: hidden; } .skip-to-content-link { background: var(--mdc-theme-secondary); color: var(--mdc-theme-text-primary-on-light); height: 30px; left: 16px; padding: 8px; position: absolute; transform: translateY(-110%); transition: transform 300ms; z-index: var(--forge-z-index-tooltip); display: flex; align-items: center; justify-content: center; } .skip-to-content-link:focus { transform: translateY(0%); } .impersonation-banner { margin-bottom: 0 !important; } @media (max-width: 767px) { .navbar-brand { padding: 5px !important; display: block; justify-content: center; align-items: center; } .navbar-brand > img { height: 100%; width: 100%; object-fit: contain; overflow-x: visible; } .impersonation-banner { height: 70px !important; } } .UB-Page { height: calc(100% - 56px); background-color: #fafafa; } .UB-Landing-Page { height: 100vh; overflow-y: auto; background-color: #fafafa; } .banner-image-formatting img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-shading { filter: brightness(.5) !important; } @media (min-width: 791px){ #titleSection{ width: 100%; overflow-x: visible; overflow-y: hidden; color: #333; vertical-align: middle; } } @media (max-width: 790px){ #titleSection{ display: none; } } </style> <head> <meta charset="utf-8" /> <title>Carrollton, GA - Municipal Online Services</title> <link rel="shortcut icon" href="/Content/images/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/Content/images/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/carrolltonga/images/AppleIcon?width=152&height=152&v=637843182163359268"> <!-- For iPad with high-resolution Retina display running iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/carrolltonga/images/AppleIcon?width=144&height=144&v=637843182163359268"> <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: --> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/carrolltonga/images/AppleIcon?width=120&height=120&v=637843182163359268"> <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/carrolltonga/images/AppleIcon?width=114&height=114&v=637843182163359268"> <!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: --> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/carrolltonga/images/AppleIcon?width=76&height=76&v=637843182163359268"> <!-- For the iPad mini and the first- and second-generation iPad on iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/carrolltonga/images/AppleIcon?width=72&height=72&v=637843182163359268"> <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> <link rel="apple-touch-icon-precomposed" href="/carrolltonga/images/AppleIcon?width=72&height=72&v=637843182163359268"> <meta name="viewport" content="width=device-width" /> <link href="https://static.municipalonlinepayments.com/content/style-min-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/bootstrap-css-min-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/forge-latest-min-css-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/forge-custom-min-css-20240513" rel="stylesheet" type="text/css" /> <script src="/Content/ForgeScripts/tyler-forge.js" type="module"></script> <link href="/carrolltonga/themes/Styles?t=637843182163359268&v=20240513" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.municipalonlinepayments.com/scripts/browser-check.js"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/modernizr-min-20240513"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/jQuery-min-20240513"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/bootstrap-js-min-20240513"></script> <script type="text/javascript"> get_browser("/carrolltonga/unsupportedbrowser?httproute=True"); </script> <script> createDialog = function () { var capitalDialog = document.createElement('forge-dialog'); capitalDialog.escapeClose = true; capitalDialog.backdropClose = true; return { dialog: capitalDialog, open: openCapitalDialog, close: closeCapitalDialog }; } openCapitalDialog = function (dialog) { dialog.open = true; } closeCapitalDialog = function (dialog) { dialog.open = false; } </script> <script src="https://static.municipalonlinepayments.com/content/vendor-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/content/lib-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/content/app-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/scripts/forgeCustom.js" type="text/javascript"></script> <script src="https://cdn.forge.tylertech.com/v1/libs/%40tylertech/forge-internal@2.2.2/index.js" type="module"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-6128121-7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-6128121-7'); </script> <script type="text/javascript"> var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); var oldEdge = ua.indexOf("Edge"); //old EdgeHTML-based browser if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./) || oldEdge > 0) { window.location = "/carrolltonga/unsupportedbrowser?httproute=True"; } </script> <style> .forge-button--raised:focus-visible { outline: 3px solid black; border-radius: 3px; box-shadow: 0 0 0 2px black, 0 0 0 3px white; } .tyler-icons:focus-visible { outline: 3px solid black; border-radius: 50%; } .forge-icon-button:focus-visible { outline: 3px solid black; border-radius: 50%; } </style> </head> <body id="forge_layout_body" style="font-family: Roboto !important; overflow-y:hidden"> <div id="progress" class="flex-row align--center justify--center"> <forge-circular-progress></forge-circular-progress> </div> <forge-scaffold> <noscript> <forge-banner class="forge-message danger" id="message-block"> <div>This page may not function properly because javascript is disabled. Please enable javascript in your browser for full functionality.</div> </forge-banner> </noscript> <forge-app-bar slot="header" id='omnibar' style="color: #333;"> <div slot="title" id="titleSection"> <a href=https://www.municipalonlinepayments.com/carrolltonga class="navbar-brand" accesskey="h"> The City of Carrollton, Georgia </a> <h1 class="forge-typography--headline5" style="margin-top:9px"></h1> </div> <forge-app-bar-menu-button class="show-menu" slot="start" style="color: #333;" onclick="toggleMenu()"></forge-app-bar-menu-button> <i class="tyler-icons" slot="end" style="color: #333; margin-left: 12px; margin-right: -36px">apps</i> <forge-app-launcher-button id="omniapplauncher" slot="end" profile-button="true"></forge-app-launcher-button> <forge-button slot="end" type="raised"> <button type="button" class="translucent-button" onclick="onSignInClicked()"> Sign In / Register </button> </forge-button> </forge-app-bar> <div slot="header"> </div> <div slot="body" style="overflow-x: hidden;"> <style> .show-menu { display: none; } .main-column { max-width: 1746px !important; width: 100% !important; } @media (min-width: 1173px) { .account-container { margin-top: 27px; } } .card-margin { margin: 0; } .top-side-margin { margin-bottom: 24px; } @media (max-width: 768px) { .top-side-margin { margin-bottom: 8px; } } #forge_layout_body { height: 100vh; display: flex; flex-direction: column; overflow-y: hidden !important; } </style> <forge-landing-page-layout role="main" style="overflow-y: auto; height: 100%;"> <slot slot="image"> <picture class="banner-image-formatting header-shading"> <source srcset="/carrolltonga/images/Banner?t=637843182163359268"> <img> </picture> </slot> <div slot="left" class="account-container"> <forge-card class="main-card card-margin"> <h2>Welcome to our online payment site.</h2> <h3><strong><span style="color:#e03e2d"><span class="forge-link"><a href="/carrolltonga/utilities"><span style="color:#e03e2d">Pay Utility Bill</span></a></span></span></strong></h3> <p><em><strong>If you would like to discontinue your water service you will need to provide your forwarding address, the last four digits of the account holder's social security number and the effective date.</strong></em></p> <p>If you have any questions, please call 770-830-2000.</p> <p></p> <p></p> <p></p> <p></p> </forge-card> </div> <div slot="right" class="account-container"> <forge-card class="card-margin full-mobile top-side-margin"> <h2 class="forge-typography--headline5">Available services</h2> <div style="margin: 8px;" class="flex-column"> <div class="forge-link"> <a href="/carrolltonga/buildingprojects">Building Permits</a> </div> <div class="forge-link"> <a href="/carrolltonga/businesslicenses">Business Licenses</a> </div> <div class="forge-link"> <a href="/carrolltonga/easypay">Golf Cart Permit</a> </div> <div class="forge-link"> <a href="/carrolltonga/utilities">Utility Billing</a> </div> </div> </forge-card> </div> <div slot="footer"> <div class="flex-row justify--space-around forge-layout-footer"> <div class="flex-row-mobile-to-column justify--space-between"> <div class="footer-link"> <a href="/carrolltonga/terms">Terms and conditions</a> </div> <div class="line-space desktop-only">|</div> <div class="footer-link"> <a href="/carrolltonga/contact?returnUrl=%2Fcarrolltonga">Contact us</a> </div> <div class="line-space desktop-only">|</div> <div class="footer-link" onclick="location.href='http://tylertech.com/'">©2025 Tyler Technologies</div> </div> </div> </div> </forge-landing-page-layout> </div> </forge-scaffold> <div style="display: none"> </div> <div> <forge-dialog id="tidc-dialog-template" style="display: none"> <div class="forge-dialog-container"> <div slot="body" class="card-padding"> <b>Note:</b> <div> We are thrilled to introduce our brand new identity service.</div> <div>You can seamlessly Sign-in using your existing username and password.</div> <div>Experience the enhanced feature and security today!</div> <div> <forge-checkbox> <input type="checkbox" id="dontShowAgainChkBox" onchange="setBaseCheckBox(this)" /> </forge-checkbox> <label for="dontShowAgainChkBox">Don't show this message again</label> </div> <div style="margin-top: 16px"> <forge-button type="raised"> <button onclick="location.href='/carrolltonga/signinfaq'">Learn about the new Identity Service</button> </forge-button> <forge-button type="raised"> <button onclick="location.href='/carrolltonga/login?returnUrl=%2Fcarrolltonga'">Proceed to Sign-in/Register</button> </forge-button> </div> </div> </div> </forge-dialog> </div> <script> function onSignInClicked() { if (false && !getTidcPopupCookie()) { document.getElementById('dontShowAgainChkBox').checked = false var tidcDialogTemplate = document.getElementById('tidc-dialog-template') var tidcDialog = tidcDialogTemplate.cloneNode(true) var parent = tidcDialogTemplate.parentElement parent.appendChild(tidcDialog) tidcDialog.style.display = 'block' tidcDialog.open = true } else { location.href = '/carrolltonga/login?returnUrl=%2Fcarrolltonga'; } } function setTidcPopupCookie() { if (document.getElementById('dontShowAgainChkBox').checked) { $.cookie('dontShowTidcPopup', 'true', { expires: 365 }); } } function getTidcPopupCookie() { return ($.cookie('dontShowTidcPopup') == 'true') } function setBaseCheckBox(element) { var baseCheckBox = document.getElementById('dontShowTidcPopup') if (element.checked) { document.getElementById('dontShowAgainChkBox').checked = true } else { document.getElementById('dontShowAgainChkBox').checked = false } } function tidcPopupOnMoreInfoClicked() { setTidcPopupCookie() location.href='/carrolltonga/tidcfaq' } function tidcPopupOnSignInClicked() { setTidcPopupCookie() location.href = '/carrolltonga/login?returnUrl=%2Fcarrolltonga'; } //Controls automatic redirect to timeout page when a user is away for the specified time function timeoutRedirectCheck() { if (false) { location.href = '/carrolltonga/member/membertimeout?returnUrl=%2Fcarrolltonga'; } } setTimeout(timeoutRedirectCheck, (15)*60000); $(document).ready(function () { checkScreenSize(); let profile = $("#omniprofile"); if (profile[0] != null && profile[0] != undefined) { profile[0].profileCardBuilder = function () { let scaffold = document.createElement("forge-scaffold"); scaffold.innerHTML = ` <forge-button slot="left"> <button id="payment-button" aria-label="Payment info button" onclick="javascript:location.href='/carrolltonga/member/PaymentInfo'">Payment Info</button> </forge-button> ` scaffold.style.marginBottom = "8px"; // Sign out and Profile translations return scaffold; }; $("forge-app-bar-profile-button").find("button").mouseover(function () { $(this).css("box-shadow", "rgba(0, 0, 0, 0.08) 0px 1px 1pt 10pt inset"); $(this).css("border-radius", "50%"); }).mouseout(function () { $(this).css("box-shadow", ""); }); } }); $(window).on('resize', function(){ checkScreenSize(); }); $("#omniprofile").on('forge-profile-card-profile', function() { window.open("/carrolltonga/member", "_blank"); }); $("#omniprofile").on('forge-profile-card-sign-out', function() { window.location.replace("/carrolltonga/logout"); }); $("#omniprofile").on('forge-profile-card-payment', function() { window.location.replace("/carrolltonga/member/paymentinfo"); }); $("#omniprofile").on('forge-profile-card-find-services', function() { window.location.replace("/"); }); $("#omniprofile").on('forge-profile-card-my-services', function() { window.location.replace("/carrolltonga/member/services"); }); document.getElementById('omniapplauncher').optionsCallback = function() { var promise = $.ajax({ type: 'POST', url: "/carrolltonga/ninebox" }); return promise.then(function(d){ var array = JSON.parse(d); return { options: array}; }); }; var windowWidth = 0; var navDrawer = $('#navDrawer'); checkScreenSize = function () { var width = $(window).width(); if (windowWidth !== width) { updateSideNav(width); windowWidth = width; if (width < 992) { setSmallScreen(); } else { setLargeScreen(); } } } updateSideNav = function (width) { if (width <= 786) { navDrawer.css('position', 'fixed'); navDrawer.css('z-index', '1'); navDrawer.css('box-shadow', '0px 0px 15px 20px rgba(0,0,0,0.2)'); } else { navDrawer.css('position', ''); navDrawer.css('z-index', ''); navDrawer.css('box-shadow', ''); } } setSmallScreen = function () { navDrawer.prop("type", "modal"); navDrawer.prop("open", false); navDrawer.hide(); } setLargeScreen = function () { navDrawer.prop("type", "standard"); navDrawer.prop("open", true); navDrawer.show(); } toggleMenu = function () { if(navDrawer.prop("open") !== undefined) { var isOpen = navDrawer.prop("open"); navDrawer.prop("open", !isOpen); if (isOpen) navDrawer.hide(); else navDrawer.show(); } else { navDrawer.prop("open", false) navDrawer.hide(); } } // Formatting for invalid inputs var errors = document.getElementsByClassName("input-validation-error"); for (var i = 0, l = errors.length; i < l; i++) { errors[i].parentElement.setAttribute("invalid", true); } </script> </body> </html>