CINXE.COM

Bismarck, ND - Official Website | Official Website

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <!-- Google Tag Manager for GA4 --> <script>(function(w,d,s,l,i){w.GAMeasurementID='G-B4BBDX3JQT';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script> <!-- End Google Tag Manager for GA4 --> <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://az416426.vo.msecnd.net/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google-site-verification" content="UA-107190556-1"/> <meta name="category0" content="Home" /> <meta name="theme-color" content="rgb(14, 46, 110)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Bismarck, ND - Official Website | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script> <!--[if IE 6]><script language="JavaScript" type="text/javascript"> var isie6 = true; </script><![endif]--> <!--[if IE 7]><script language="JavaScript" type="text/javascript"> var isie7 = true; </script><![endif]--> <!--[if IE 8]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <!--[if IE 9]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <script type="text/javascript"><!-- var intCountryCode = 840; var externalSiteDialogHeight = '350px'; var order = ''; //--></script> <link href="/-524588952.css" rel="stylesheet" type="text/css" /> <link href="/1419585018.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script> <!--CPHeadContent--> <script src="/-980062917.js" type="text/javascript"></script> <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> <!--[if lt IE 9]><script type="text/javascript" src="/Scripts/html5.js"></script><![endif]--> <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 1; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#ccaf97938d-759c-48fa-a1ae-99d488bf750d" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="7" /> <input type="hidden" id="hdnContentCollectionID" value="08bacb35-5483-43ce-b185-218cec0168ad" /> <input type="hidden" id="hdnWorkingCopyID" value="e35af223-d21b-4ded-a470-2ce18f5f14f3" /> <input type="hidden" id="hdnThemeID" value="11" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> <!-- Begin Signed Out Bar --> <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script> <!-- End Signed Out Bar --> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap2"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-27" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Bismarck ND Homepage" class="bannerObject" height="69" src="/ImageRepository/Document?documentID=44806" width="197" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccacecdc45-02f1-46f6-aeb9-040e79c2d02d" data-containerid="acecdc45-02f1-46f6-aeb9-040e79c2d02d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="18"> <div class="row outer wide"><!-- --><div class="outer col col14 first" style="" data-widgetcontainerid="d9f88bc2-3039-4fb2-9f7b-ea2f9d1a3928"> <div class="row nest first last wide"> <div class="inner col col14 first last id3234f5ad-846d-49a9-b065-26d818dacd1b" style="" data-widgetcontainerid="3234f5ad-846d-49a9-b065-26d818dacd1b"> <div data-widget-id="19dc77e4-404c-482b-8473-93ba151e8688" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField19dc77e4-404c-482b-8473-93ba151e8688").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField19dc77e4-404c-482b-8473-93ba151e8688").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField19dc77e4-404c-482b-8473-93ba151e8688").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField19dc77e4-404c-482b-8473-93ba151e8688")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin9 widgetOptionSet33" style="display: block;" aria-label="Search"> <!-- For the button right and inside --> <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox19dc77e4-404c-482b-8473-93ba151e8688" cp5ph="true" id="searchField19dc77e4-404c-482b-8473-93ba151e8688" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search our site…" title="Search our site…" type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=44840" data-image="/ImageRepository/Document?documentID=44841" src="/ImageRepository/Document?documentID=44841" /></a> <label class="searchLabel" for="searchField19dc77e4-404c-482b-8473-93ba151e8688">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #1F1F1F; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #1F1F1F; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #1F1F1F; } .widgetSearch :-ms-input-placeholder { color: #1F1F1F; } .widgetSearch .widgetBody .widgetSearchBox19dc77e4-404c-482b-8473-93ba151e8688 { color: #1F1F1F; background: transparent; border: none; border-right: solid 2px #255FB2; height: 40px; font-family: Oswald; font-size; 15px; padding: 0 56px 0 0; } .widgetSearch .widgetBody .widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688 { margin: 2px 15px 0 0; } .widgetSearch .widgetSearch-onlyDept19dc77e4-404c-482b-8473-93ba151e8688 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField19dc77e4-404c-482b-8473-93ba151e8688").value; } </script> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="73d2751f-6ec1-464b-81b4-2b6ecbad9909"> <div class="row nest first last wide"> <div class="inner col col10 first last id7c81b5fc-61b1-4881-9544-751d9a3d24b4" style="" data-widgetcontainerid="7c81b5fc-61b1-4881-9544-751d9a3d24b4"> <div data-widget-id="78c0ff7a-2b3a-4186-acfc-e61370490872" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget78c0ff7a-2b3a-4186-acfc-e61370490872" class="widget widgetGraphicLinks skin16 widgetOptionSet31 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self" aria-label="Facebook graphic"><img src="/ImageRepository/Document?documentID=44829" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=44829'" onmouseout="this.src='/ImageRepository/Document?documentID=44829'" onfocus="this.src='/ImageRepository/Document?documentID=44829'" onblur="this.src='/ImageRepository/Document?documentID=44829'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_self" aria-label="X graphic"><img src="/ImageRepository/Document?documentID=44838" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=44838'" onmouseout="this.src='/ImageRepository/Document?documentID=44838'" onfocus="this.src='/ImageRepository/Document?documentID=44838'" onblur="this.src='/ImageRepository/Document?documentID=44838'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCpKvrlgVx3F3PEWRJq2LUew" target="_self" aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=44839" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=44839'" onmouseout="this.src='/ImageRepository/Document?documentID=44839'" onfocus="this.src='/ImageRepository/Document?documentID=44839'" onblur="this.src='/ImageRepository/Document?documentID=44839'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="http://www.linkedin.com/company/cityofbismarck" target="_self" aria-label="Linkedin graphic"><img src="/ImageRepository/Document?documentID=44831" class="graphicButtonLink" alt="Linkedin" onmouseover="this.src='/ImageRepository/Document?documentID=44831'" onmouseout="this.src='/ImageRepository/Document?documentID=44831'" onfocus="this.src='/ImageRepository/Document?documentID=44831'" onblur="this.src='/ImageRepository/Document?documentID=44831'"> </a></div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/bismarckndgov/" target="_self" aria-label="Instagram graphic"><img src="/ImageRepository/Document?documentID=44830" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=44830'" onmouseout="this.src='/ImageRepository/Document?documentID=44830'" onfocus="this.src='/ImageRepository/Document?documentID=44830'" onblur="this.src='/ImageRepository/Document?documentID=44830'"> </a></div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- --><li id="MainItem1605" class="topMenuItem" role="none" data-pageid="1605" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/1605/Government" target = "_self" > Government </a> <!-- --><!-- --></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/8/Departments" target = "_self" > Departments </a> <!-- --><!-- --></li><!----><li id="MainItem1606" class="topMenuItem" role="none" data-pageid="1606" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavServices" class="navMainItem mainNavItem mainNavItem3" href="/1606/Services" target = "_self" > Services </a> <!-- --><!-- --></li><!----><li id="MainItem2324" class="topMenuItem" role="none" data-pageid="2324" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem4" href="/2324/Community" target = "_self" > Community </a> <!-- --><!-- --></li><!----><li id="MainItem59" class="topMenuItem" role="none" data-pageid="59" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem5" href="/59/I-Want-To" target = "_self" > I Want To </a> <!-- --><!-- --></li><!----> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=11&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1605" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1605 hidden" data-orientation="horizontal"> <div id="cce5e8d170-f055-4417-ad39-2f8864aa442b" data-containerid="e5e8d170-f055-4417-ad39-2f8864aa442b" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal"> <div id="cc5221a346-c81d-4bcf-a1a1-323f69e36131" data-containerid="5221a346-c81d-4bcf-a1a1-323f69e36131" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1606" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1606 hidden" data-orientation="horizontal"> <div id="ccadbf205d-74d0-4c54-9d9f-cf213ad20dac" data-containerid="adbf205d-74d0-4c54-9d9f-cf213ad20dac" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2324" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2324 hidden" data-orientation="horizontal"> <div id="cc943e6b8c-d29d-4121-a98b-eb04f0a86619" data-containerid="943e6b8c-d29d-4121-a98b-eb04f0a86619" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu59" class="contentTop mainNavMegaMenu megaMenuContainer pageID_59 hidden" data-orientation="horizontal"> <div id="cc37d55406-622a-4c67-af22-00b73b78aba8" data-containerid="37d55406-622a-4c67-af22-00b73b78aba8" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <!-- <div data-cpRole="banner" id="banner1"> --><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerContentTS"> <div class="siteWrap3"><div data-cpRole="contentContainer" id="contentTS"> <div id="ccdaea99d2-9c3e-4112-ab4c-8ef45a532829" data-containerid="daea99d2-9c3e-4112-ab4c-8ef45a532829" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="1a4809da-0f0e-40ba-9936-9de7304ee8a7"> <div class="row nest first last wide"> <div class="inner col col24 first last id1f3925e3-72fd-478f-8d2c-3f51faf51d76" style="" data-widgetcontainerid="1f3925e3-72fd-478f-8d2c-3f51faf51d76"> <div class="widget slideShow skin17" role="region" aria-label="Slideshow" id="slideshow514c4d7b-7648-4fca-a728-b82f839bd34a" aria-haspopup="false" data-widgetID="514c4d7b-7648-4fca-a728-b82f839bd34a"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="3838" /> <div id="divSlideshow3838" class="cpSlideshow widgetBody cpSlideshowJS3838 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/-358974846.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS3838 "> <ol class="semanticList cpSlider fade cpSliderJS3838"> <li class="hidden" id="3838_22990" data-index="0" aria-hidden="true"> <a href="https://bismarcknd.gov/CivicAlerts.aspx?AID=8557" target="_blank"> <img src="/ImageRepository/Document?documentID=49903" class="" alt="Carousel tile linking to news release at https://bismarcknd.gov/CivicAlerts.aspx?AID=8557" title="Carousel tile linking to news release at https://bismarcknd.gov/CivicAlerts.aspx?AID=8557" data-delayed-image="" style="height: 1px" /> </a> </li> <li class="hidden" id="3838_22991" data-index="1" aria-hidden="true"> <a href="https://bismarcknd.gov/FormCenter/Administration-2/Call-for-Photos-Make-Your-Image-Our-Focu-242" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49651" class="" alt="link to https://bismarcknd.gov/FormCenter/Administration-2/Call-for-Photos-Make-Your-Image-Our-Focu-" title="link to https://bismarcknd.gov/FormCenter/Administration-2/Call-for-Photos-Make-Your-Image-Our-Focu-" data-delayed-image="" style="height: 1px" /> </a> </li> <li class="hidden" id="3838_22992" data-index="2" aria-hidden="true"> <a href="/2434/Bulk-Residential-Item-Collection" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49481" class="" alt="Garbage Bulk Item Carousel linking https://bismarcknd.gov/2434/Bulk-Residential-Item-Collection" title="Garbage Bulk Item Carousel linking https://bismarcknd.gov/2434/Bulk-Residential-Item-Collection" data-delayed-image="" style="height: 1px" /> </a> </li> <li class="hidden" id="3838_22993" data-index="3" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=44843" class="" alt="Paddleboat on the Missouri River" title="Paddleboat on the Missouri River" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3838" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Bismarck, North Dakota</h4> <p class="widgetDesc widgetItem">Our Mission: To provide high-quality public services in partnership with our community to enhance our quality of life.</p> </div> </div> </li> <li class="hidden" id="3838_22994" data-index="4" aria-hidden="true"> <a href="https://bismarcklibrary.org" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49838" class="" alt="Carousel Tile linking to bismarcklibrary.org" title="Carousel Tile linking to bismarcklibrary.org" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3838" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <p class="widgetDesc widgetItem">Welcome to the Bismarck Veterans Memorial Public Library! Your library is for everyone, and you belong here. Discover the many resources and services the library provides for the Bismarck and Burleigh County community. Click to visit bismarcklibrary.org for more information.</p> </div> </div> </a> </li> <li class="hidden" id="3838_22995" data-index="5" aria-hidden="true"> <a href="https://dakotamediaaccess.net/CablecastPublicSite/gallery/34?channel=2" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46790" class="" alt="Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights" title="Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3838" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Bismarck Insights</h4> <p class="widgetDesc widgetItem">Click to see the on-demand episodes of Bismarck Insights with Mayor Mike Schmitz, a transparent and engaging conversational dive into meaningful topics impacting local government in Bismarck, North Dakota. </p> </div> </div> </a> </li> <li class="hidden" id="3838_22996" data-index="6" aria-hidden="true"> <a href="https://www.spreaker.com/podcast/these-are-your-neighbors--6022289" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46791" class="" alt="Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests" title="Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3838" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">These Are Your Neighbors Podcast</h4> <p class="widgetDesc widgetItem">Click to listen to episodes of These Are Your Neighbors, a podcast hosted by Human Relations Committee members Thea Jorgensen and Sargianna Wutzke. </p> </div> </div> </a> </li> <li class="hidden" id="3838_22997" data-index="7" aria-hidden="true"> <a href="https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?channel=2" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47740" class="" alt="City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c" title="City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3838" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">City Current Podcast</h4> <p class="widgetDesc widgetItem">Don’t have time to watch Bismarck City Commission meetings? Click to view this podcast for a recap and insights. </p> </div> </div> </a> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS3838 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS3838 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <ol class="semanticList pager dots"> <li class="active" id="dot3838_22990"> <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22990" data-dotNumber="1"> 1 <span class="visuallyhidden">Carousel tile linking to news release at https://bismarcknd.gov/CivicAlerts.aspx?AID=8557</span> </a> </li> <li class="" id="dot3838_22991"> <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22991" data-dotNumber="2"> 2 <span class="visuallyhidden">link to https://bismarcknd.gov/FormCenter/Administration-2/Call-for-Photos-Make-Your-Image-Our-Focu-</span> </a> </li> <li class="" id="dot3838_22992"> <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22992" data-dotNumber="3"> 3 <span class="visuallyhidden">Garbage Bulk Item Carousel linking https://bismarcknd.gov/2434/Bulk-Residential-Item-Collection</span> </a> </li> <li class="" id="dot3838_22993"> <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22993" data-dotNumber="4"> 4 <span class="visuallyhidden">Paddleboat on the Missouri River</span> </a> </li> <li class="" id="dot3838_22994"> <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22994" data-dotNumber="5"> 5 <span class="visuallyhidden">Carousel Tile linking to bismarcklibrary.org</span> </a> </li> <li class="" id="dot3838_22995"> <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22995" data-dotNumber="6"> 6 <span class="visuallyhidden">Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights</span> </a> </li> <li class="" id="dot3838_22996"> <a href="#targetImage" aria-label="Mapping dot for slide number 7" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22996" data-dotNumber="7"> 7 <span class="visuallyhidden">Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests</span> </a> </li> <li class="" id="dot3838_22997"> <a href="#targetImage" aria-label="Mapping dot for slide number 8" role="button" onclick=" return false; " class="dotJS3838" data-targetImageli="3838_22997" data-dotNumber="8"> 8 <span class="visuallyhidden">City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c</span> </a> </li> </ol> <div aria-live="polite" aria-atomic="true" class="liveRegionJS3838 visuallyhidden"></div> <script type="text/javascript"> // <!-- var $1 = typeof $ == 'undefined' ? window.parent.$ : $; $1(document).ready(function () { new Slideshow().generate('3838','1','5',false,false,0); $('#ssPlay-btn-3838').addClass('isHidden'); }); var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; $1.when($pages.rwdReady).done(function () { var divSlideshowID = 'divSlideshow3838'; var mediaQuerySize = 25; if (mediaQuerySize == 0) mediaQuerySize = 25; //default for not widget slide show var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; var $divSlideShow = $('#' + divSlideshowID); var $arrows = $divSlideShow.find('a.arrow'); var $arrowsNew = $divSlideShow.find('a.arrowNew'); var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); var $overlays = $(document.getElementsByName('captionOverlay_3838')); if(window.isMobileBrowserIncludingTablets){ $overlays.each(function (overlay) { $(overlay).removeClass('overlay') }); } $cpMedia.unregister(mediaElementQuery) .register(mediaElementQuery, { deferSetup: false, setup: function () { cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.removeClass('wide').addClass('narrow'); if ($divExternalSlideshow.length > 0) { $divExternalSlideshow.hide(); } if ($arrows.length > 0) { $arrows.hide(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID) .on('swipeRight', function (e, a) { $arrows.filter('.prev').click(); }); $$('#' + divSlideshowID) .on('swipeLeft', function (e) { $arrows.filter('.next').click(); }); } } if ($arrowsNew.length > 0) { if (!(true && !window.isMobileBrowserIncludingTablets)) { $arrowsNew.hide(); } if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID) .on('swipeRight', function (e, a) { $arrowsNew.filter('.prev').click(); }); $$('#' + divSlideshowID) .on('swipeLeft', function (e) { $arrowsNew.filter('.next').click(); }); } } if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { if (2 == 1) { $overlays.hide(); } else if (2 == 2) { $overlays.removeClass('overlay'); } } }, match: function () { cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.addClass('wide').removeClass('narrow'); if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { $divExternalSlideshow.show(); } if ($arrows.length > 0) { $arrows.show(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).off('swipeRight'); $$('#' + divSlideshowID).off('swipeLeft'); } } if ($arrowsNew.length > 0) { $arrowsNew.show(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).off('swipeRight'); $$('#' + divSlideshowID).off('swipeLeft'); } } if ($overlays.length > 0) { if (2 == 1) { $overlays.show(); } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { $overlays.addClass('overlay'); } } }, unmatch: function () { cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.removeClass('wide').addClass('narrow'); if ($divExternalSlideshow.length > 0) { $divExternalSlideshow.hide(); } if ($arrows.length > 0) { $arrows.hide(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).on('swipeRight', function (e) { $arrows.filter('.prev').click(); }); $$('#' + divSlideshowID).on('swipeLeft', function (e) { $arrows.filter('.next').click(); }); } } if ($arrowsNew.length > 0) { if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).on('swipeRight', function (e) { $arrowsNew.filter('.prev').click(); }); $$('#' + divSlideshowID).on('swipeLeft', function (e) { $arrowsNew.filter('.next').click(); }); } } if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { if (2 == 1) { $overlays.hide(); } else if (2 == 2) { $overlays.removeClass('overlay'); } } } }); }); // --> </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('514c4d7b-7648-4fca-a728-b82f839bd34a', $('#slideshow' + '514c4d7b-7648-4fca-a728-b82f839bd34a'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '514c4d7b-7648-4fca-a728-b82f839bd34a'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> </div><!-- </div> --> </div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="31062" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="ccaf97938d-759c-48fa-a1ae-99d488bf750d" data-containerid="af97938d-759c-48fa-a1ae-99d488bf750d" class="pageContent cpGrid cpGrid24" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc2de8e724-55ce-4050-9321-9e0c3aec8650" data-containerid="2de8e724-55ce-4050-9321-9e0c3aec8650" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> <div class="row outer wide"><!-- --><div class="outer col col8 first" style="" data-widgetcontainerid="8b4fbce9-3989-462b-90b3-9ad4ed862e76"> <div class="row nest first last wide"> <div class="inner col col8 first last id963ab191-ba79-40fb-a3be-f0ceb505dd1e" style="" data-widgetcontainerid="963ab191-ba79-40fb-a3be-f0ceb505dd1e"> <div data-widget-id="68fa2fe3-21be-4c9a-b0d6-b3c1f908fec1" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget68fa2fe3-21be-4c9a-b0d6-b3c1f908fec1" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/2163/32996/Agendas-Minutes" target="_self" class="fancyButton fancyButton831 " > <span> <span><span class="text">Agenda Center</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton831.fancyButton:link,.fancyButton831.fancyButton:visited, .fancyButton831div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton831.fancyButton:hover,.fancyButton831.fancyButton:focus,.fancyButton831.fancyButton:active,.fancyButton831.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton831.fancyButton:link > span,.fancyButton831.fancyButton:visited > span, .fancyButton831div.fancyButton > span{ } .fancyButton831.fancyButton:hover > span,.fancyButton831.fancyButton:focus > span,.fancyButton831.fancyButton:active > span,.fancyButton831.fancyButton.hover > span{ } .fancyButton831.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44817'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton1 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton831.fancyButton:hover .text,.fancyButton831.fancyButton:focus .text,.fancyButton831.fancyButton:active .text,.fancyButton831.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44818'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton1:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/FormCenter/RequestTracker-Forms-43/Contact-Us-237" target="_self" class="fancyButton fancyButton832 " > <span> <span><span class="text">Report a Concern</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton832.fancyButton:link,.fancyButton832.fancyButton:visited, .fancyButton832div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton832.fancyButton:hover,.fancyButton832.fancyButton:focus,.fancyButton832.fancyButton:active,.fancyButton832.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton832.fancyButton:link > span,.fancyButton832.fancyButton:visited > span, .fancyButton832div.fancyButton > span{ } .fancyButton832.fancyButton:hover > span,.fancyButton832.fancyButton:focus > span,.fancyButton832.fancyButton:active > span,.fancyButton832.fancyButton.hover > span{ } .fancyButton832.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44824'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton832 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton832.fancyButton:hover .text,.fancyButton832.fancyButton:focus .text,.fancyButton832.fancyButton:active .text,.fancyButton832.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44823'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton832:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="d33dd8dd-a9e0-4842-bc74-33388827d27f"> <div class="row nest first last wide"> <div class="inner col col8 first last id2d3546e5-d04f-4b39-8b0b-6b163d85ee2a" style="" data-widgetcontainerid="2d3546e5-d04f-4b39-8b0b-6b163d85ee2a"> <div data-widget-id="d467ab9e-2fc0-49d2-8e2f-6ab7cf4b5346" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetd467ab9e-2fc0-49d2-8e2f-6ab7cf4b5346" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://bismarcknd.gov/2370/Website-Notifications" target="_self" class="fancyButton fancyButton833 " > <span> <span><span class="text">Notify Me®</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton833.fancyButton:link,.fancyButton833.fancyButton:visited, .fancyButton833div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton833.fancyButton:hover,.fancyButton833.fancyButton:focus,.fancyButton833.fancyButton:active,.fancyButton833.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton833.fancyButton:link > span,.fancyButton833.fancyButton:visited > span, .fancyButton833div.fancyButton > span{ } .fancyButton833.fancyButton:hover > span,.fancyButton833.fancyButton:focus > span,.fancyButton833.fancyButton:active > span,.fancyButton833.fancyButton.hover > span{ } .fancyButton833.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44820'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton833 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton833.fancyButton:hover .text,.fancyButton833.fancyButton:focus .text,.fancyButton833.fancyButton:active .text,.fancyButton833.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44819'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton833:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://ipn.paymentus.com/epd/stde/bsmu" target="_self" class="fancyButton fancyButton834 " > <span> <span><span class="text">Online Payments</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton834.fancyButton:link,.fancyButton834.fancyButton:visited, .fancyButton834div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton834.fancyButton:hover,.fancyButton834.fancyButton:focus,.fancyButton834.fancyButton:active,.fancyButton834.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton834.fancyButton:link > span,.fancyButton834.fancyButton:visited > span, .fancyButton834div.fancyButton > span{ } .fancyButton834.fancyButton:hover > span,.fancyButton834.fancyButton:focus > span,.fancyButton834.fancyButton:active > span,.fancyButton834.fancyButton.hover > span{ } .fancyButton834.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44822'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton834 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton834.fancyButton:hover .text,.fancyButton834.fancyButton:focus .text,.fancyButton834.fancyButton:active .text,.fancyButton834.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44821'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton834:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="800b1477-f471-4a73-b210-a88a47f13ce3"> <div class="row nest first last wide"> <div class="inner col col8 first last idb1c13e23-516e-4bf3-8108-9bbb169fb28e" style="" data-widgetcontainerid="b1c13e23-516e-4bf3-8108-9bbb169fb28e"> <div data-widget-id="651ff605-2f5a-4f3f-ba55-731ae426bf93" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget651ff605-2f5a-4f3f-ba55-731ae426bf93" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/20/GIS-Maps" target="_self" class="fancyButton fancyButton835 " > <span> <span><span class="text">GIS Maps</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton835.fancyButton:link,.fancyButton835.fancyButton:visited, .fancyButton835div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton835.fancyButton:hover,.fancyButton835.fancyButton:focus,.fancyButton835.fancyButton:active,.fancyButton835.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton835.fancyButton:link > span,.fancyButton835.fancyButton:visited > span, .fancyButton835div.fancyButton > span{ } .fancyButton835.fancyButton:hover > span,.fancyButton835.fancyButton:focus > span,.fancyButton835.fancyButton:active > span,.fancyButton835.fancyButton.hover > span{ } .fancyButton835.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44816'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton835 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton835.fancyButton:hover .text,.fancyButton835.fancyButton:focus .text,.fancyButton835.fancyButton:active .text,.fancyButton835.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44815'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton835:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://www.governmentjobs.com/careers/bismarcknd" target="_self" class="fancyButton fancyButton836 " > <span> <span><span class="text">Job Openings</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton836.fancyButton:link,.fancyButton836.fancyButton:visited, .fancyButton836div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton836.fancyButton:hover,.fancyButton836.fancyButton:focus,.fancyButton836.fancyButton:active,.fancyButton836.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton836.fancyButton:link > span,.fancyButton836.fancyButton:visited > span, .fancyButton836div.fancyButton > span{ } .fancyButton836.fancyButton:hover > span,.fancyButton836.fancyButton:focus > span,.fancyButton836.fancyButton:active > span,.fancyButton836.fancyButton.hover > span{ } .fancyButton836.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44814'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton836 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton836.fancyButton:hover .text,.fancyButton836.fancyButton:focus .text,.fancyButton836.fancyButton:active .text,.fancyButton836.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44813'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton836:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Buttons --><div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="ccead3dc52-ac89-41ad-bfb7-90422380ccfa" data-containerid="ead3dc52-ac89-41ad-bfb7-90422380ccfa" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="70"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="954d203e-2690-4f7f-972f-2b009bcc5e7b"> <div class="row nest first last wide"> <div class="inner col col24 first last idfd7e451a-1a1c-45b9-afb6-7714b4afcf5c" style="" data-widgetcontainerid="fd7e451a-1a1c-45b9-afb6-7714b4afcf5c"> <div data-widget-id="40d481f0-ad8a-4ddd-b564-626d9a1f8abd" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv40d481f0-ad8a-4ddd-b564-626d9a1f8abd" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header40d481f0-ad8a-4ddd-b564-626d9a1f8abd"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Featured Links</h1><p><br></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv40d481f0-ad8a-4ddd-b564-626d9a1f8abd .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col12 first" style="" data-widgetcontainerid="30c5098b-e0ec-427d-b667-512d534c0372"> <div class="row nest first last wide"> <div class="inner col col12 first last id7ff5477a-8d42-4e19-a152-83ac173e29b9" style="" data-widgetcontainerid="7ff5477a-8d42-4e19-a152-83ac173e29b9"> <div data-widget-id="38a03100-db5a-432a-848f-e20737da8443" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget38a03100-db5a-432a-848f-e20737da8443" class="widget widgetGraphicLinks skin22 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:32em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://bismarcknd.gov/Directory.aspx?did=21" target="_self" class="fancyButton fancyButton853 " > <span> <span><span class="text"><span class="textStyle1">City Commission</span><span class="textStyle2">Commission Information<br></span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton853.fancyButton:link,.fancyButton853.fancyButton:visited, .fancyButton853div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44855'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton853:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton853 > span { width: 100%;} .fancyButton853.fancyButton:hover,.fancyButton853.fancyButton:focus,.fancyButton853.fancyButton:active,.fancyButton853.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton853.fancyButton:link > span,.fancyButton853.fancyButton:visited > span, .fancyButton853div.fancyButton > span{ } .fancyButton853.fancyButton:hover > span,.fancyButton853.fancyButton:focus > span,.fancyButton853.fancyButton:active > span,.fancyButton853.fancyButton.hover > span{ } .fancyButton853.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton853.fancyButton:hover .text,.fancyButton853.fancyButton:focus .text,.fancyButton853.fancyButton:active .text,.fancyButton853.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton853.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton853 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton853.fancyButton:hover .textStyle1, .fancyButton853.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton853:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton853.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton853.fancyButton:hover .textStyle2, .fancyButton853.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/382/Impounded-Animals" target="_self" class="fancyButton fancyButton854 " > <span> <span><span class="text"><span class="textStyle1">Impounded Animals</span><span class="textStyle2">Contact us</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton854.fancyButton:link,.fancyButton854.fancyButton:visited, .fancyButton854div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44856'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton854:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton854 > span { width: 100%;} .fancyButton854.fancyButton:hover,.fancyButton854.fancyButton:focus,.fancyButton854.fancyButton:active,.fancyButton854.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton854.fancyButton:link > span,.fancyButton854.fancyButton:visited > span, .fancyButton854div.fancyButton > span{ } .fancyButton854.fancyButton:hover > span,.fancyButton854.fancyButton:focus > span,.fancyButton854.fancyButton:active > span,.fancyButton854.fancyButton.hover > span{ } .fancyButton854.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton854.fancyButton:hover .text,.fancyButton854.fancyButton:focus .text,.fancyButton854.fancyButton:active .text,.fancyButton854.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton854.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton854 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton854.fancyButton:hover .textStyle1, .fancyButton854.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton854:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton854.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton854.fancyButton:hover .textStyle2, .fancyButton854.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/419/Property-Information" target="_self" class="fancyButton fancyButton855 " > <span> <span><span class="text"><span class="textStyle1">Property Information</span><span class="textStyle2">Search our database</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton855.fancyButton:link,.fancyButton855.fancyButton:visited, .fancyButton855div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44861'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton855:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton855 > span { width: 100%;} .fancyButton855.fancyButton:hover,.fancyButton855.fancyButton:focus,.fancyButton855.fancyButton:active,.fancyButton855.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton855.fancyButton:link > span,.fancyButton855.fancyButton:visited > span, .fancyButton855div.fancyButton > span{ } .fancyButton855.fancyButton:hover > span,.fancyButton855.fancyButton:focus > span,.fancyButton855.fancyButton:active > span,.fancyButton855.fancyButton.hover > span{ } .fancyButton855.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton855.fancyButton:hover .text,.fancyButton855.fancyButton:focus .text,.fancyButton855.fancyButton:active .text,.fancyButton855.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton855.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton855 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton855.fancyButton:hover .textStyle1, .fancyButton855.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton855:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton855.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton855.fancyButton:hover .textStyle2, .fancyButton855.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://trakitapi.bismarcknd.gov/etrakit/" target="_self" class="fancyButton fancyButton856 " > <span> <span><span class="text"><span class="textStyle1">Online Permits and Projects</span><span class="textStyle2">Pay and report online</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton856.fancyButton:link,.fancyButton856.fancyButton:visited, .fancyButton856div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44860'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton856:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton856 > span { width: 100%;} .fancyButton856.fancyButton:hover,.fancyButton856.fancyButton:focus,.fancyButton856.fancyButton:active,.fancyButton856.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton856.fancyButton:link > span,.fancyButton856.fancyButton:visited > span, .fancyButton856div.fancyButton > span{ } .fancyButton856.fancyButton:hover > span,.fancyButton856.fancyButton:focus > span,.fancyButton856.fancyButton:active > span,.fancyButton856.fancyButton.hover > span{ } .fancyButton856.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton856.fancyButton:hover .text,.fancyButton856.fancyButton:focus .text,.fancyButton856.fancyButton:active .text,.fancyButton856.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton856.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton856 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton856.fancyButton:hover .textStyle1, .fancyButton856.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton856:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton856.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton856.fancyButton:hover .textStyle2, .fancyButton856.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="23e01dc7-9ad8-4d74-8f47-7a07771e80b3"> <div class="row nest first last wide"> <div class="inner col col12 first last id4578fd7e-495e-4806-aecd-026c86dc508a" style="" data-widgetcontainerid="4578fd7e-495e-4806-aecd-026c86dc508a"> <div data-widget-id="bfd0cce0-29db-4523-876a-3aa03cc94b97" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetbfd0cce0-29db-4523-876a-3aa03cc94b97" class="widget widgetGraphicLinks skin22 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:32em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="http://bismarcklibrary.org/" target="_self" class="fancyButton fancyButton857 " > <span> <span><span class="text"><span class="textStyle1">Library</span><span class="textStyle2">Search our collection</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton857.fancyButton:link,.fancyButton857.fancyButton:visited, .fancyButton857div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44858'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton857:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton857 > span { width: 100%;} .fancyButton857.fancyButton:hover,.fancyButton857.fancyButton:focus,.fancyButton857.fancyButton:active,.fancyButton857.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton857.fancyButton:link > span,.fancyButton857.fancyButton:visited > span, .fancyButton857div.fancyButton > span{ } .fancyButton857.fancyButton:hover > span,.fancyButton857.fancyButton:focus > span,.fancyButton857.fancyButton:active > span,.fancyButton857.fancyButton.hover > span{ } .fancyButton857.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton857.fancyButton:hover .text,.fancyButton857.fancyButton:focus .text,.fancyButton857.fancyButton:active .text,.fancyButton857.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton857.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton857 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton857.fancyButton:hover .textStyle1, .fancyButton857.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton857:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton857.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton857.fancyButton:hover .textStyle2, .fancyButton857.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/bids.aspx" target="_self" class="fancyButton fancyButton858 " > <span> <span><span class="text"><span class="textStyle1">Bids/RFPs</span><span class="textStyle2">Access open opportunities</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton858.fancyButton:link,.fancyButton858.fancyButton:visited, .fancyButton858div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44854'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton858:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton858 > span { width: 100%;} .fancyButton858.fancyButton:hover,.fancyButton858.fancyButton:focus,.fancyButton858.fancyButton:active,.fancyButton858.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton858.fancyButton:link > span,.fancyButton858.fancyButton:visited > span, .fancyButton858div.fancyButton > span{ } .fancyButton858.fancyButton:hover > span,.fancyButton858.fancyButton:focus > span,.fancyButton858.fancyButton:active > span,.fancyButton858.fancyButton.hover > span{ } .fancyButton858.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton858.fancyButton:hover .text,.fancyButton858.fancyButton:focus .text,.fancyButton858.fancyButton:active .text,.fancyButton858.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton858.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton858 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton858.fancyButton:hover .textStyle1, .fancyButton858.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton858:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton858.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton858.fancyButton:hover .textStyle2, .fancyButton858.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/2203/Landfill" target="_self" class="fancyButton fancyButton859 " > <span> <span><span class="text"><span class="textStyle1">Landfill</span><span class="textStyle2">Questions/Feedback</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton859.fancyButton:link,.fancyButton859.fancyButton:visited, .fancyButton859div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44857'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton859:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton859 > span { width: 100%;} .fancyButton859.fancyButton:hover,.fancyButton859.fancyButton:focus,.fancyButton859.fancyButton:active,.fancyButton859.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton859.fancyButton:link > span,.fancyButton859.fancyButton:visited > span, .fancyButton859div.fancyButton > span{ } .fancyButton859.fancyButton:hover > span,.fancyButton859.fancyButton:focus > span,.fancyButton859.fancyButton:active > span,.fancyButton859.fancyButton.hover > span{ } .fancyButton859.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton859.fancyButton:hover .text,.fancyButton859.fancyButton:focus .text,.fancyButton859.fancyButton:active .text,.fancyButton859.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton859.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton859 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton859.fancyButton:hover .textStyle1, .fancyButton859.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton859:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton859.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton859.fancyButton:hover .textStyle2, .fancyButton859.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/658/Public-Information" target="_self" class="fancyButton fancyButton860 " > <span> <span><span class="text"><span class="textStyle1">Media Kit</span><span class="textStyle2">Questions/Feedback</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton860.fancyButton:link,.fancyButton860.fancyButton:visited, .fancyButton860div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44859'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton860:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton860 > span { width: 100%;} .fancyButton860.fancyButton:hover,.fancyButton860.fancyButton:focus,.fancyButton860.fancyButton:active,.fancyButton860.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton860.fancyButton:link > span,.fancyButton860.fancyButton:visited > span, .fancyButton860div.fancyButton > span{ } .fancyButton860.fancyButton:hover > span,.fancyButton860.fancyButton:focus > span,.fancyButton860.fancyButton:active > span,.fancyButton860.fancyButton.hover > span{ } .fancyButton860.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton860.fancyButton:hover .text,.fancyButton860.fancyButton:focus .text,.fancyButton860.fancyButton:active .text,.fancyButton860.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton860.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton860 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton860.fancyButton:hover .textStyle1, .fancyButton860.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton860:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton860.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton860.fancyButton:hover .textStyle2, .fancyButton860.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cceda74d53-3753-442b-b7a0-54d9d5ac12a3" data-containerid="eda74d53-3753-442b-b7a0-54d9d5ac12a3" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="64"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="beec022d-6be1-41a7-91b7-eda02ceaf4b2"> <div class="row nest first last wide"> <div class="inner col col24 first last idc488eb03-f7ac-4753-b364-d5db8484e93f" style="" data-widgetcontainerid="c488eb03-f7ac-4753-b364-d5db8484e93f"> <div data-widget-id="d392288d-12e0-429f-bb9e-97c66afedb98" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd392288d-12e0-429f-bb9e-97c66afedb98" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd392288d-12e0-429f-bb9e-97c66afedb98"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">News &amp; Highlights</h1><p><br></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvd392288d-12e0-429f-bb9e-97c66afedb98 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col15 first" style="" data-widgetcontainerid="977f4fa8-123a-4252-a277-6761a860c33b"> <div class="row nest first last wide"> <div class="inner col col15 first last id950dd900-b31f-490c-bdae-01c28d9159a8" style="" data-widgetcontainerid="950dd900-b31f-490c-bdae-01c28d9159a8"> <div data-widget-id="c6c27a30-a15f-432d-b520-4601b29d5e03" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin20 widgetOptionSet34 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashc6c27a30-a15f-432d-b520-4601b29d5e03" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarouselc6c27a30-a15f-432d-b520-4601b29d5e03"> <div class="cpWindow cpWindowc6c27a30-a15f-432d-b520-4601b29d5e03"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=8578" target="_blank"><img class="media" src="/ImageRepository/Document?documentID=50033" alt="May 2025 Bicycle Friendly Community Workshop Flier" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8578" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8578" target="_blank">2025 Bicycle Friendly Community Workshop </a> </h4> <div class="widgetDesc"> Join us for the 2025 Bicycle Friendly Community Workshop! <a id="newsFlashReadOn8578" href="/CivicAlerts.aspx?AID=8578" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8578 newsFlashReadOn8578">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=8579" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46972" alt="City of Bismarck Engineering Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8579" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8579" target="_self">2025 Spring Load Restrictions Approaching in the City of Bismarck </a> </h4> <div class="widgetDesc"> This is the time of year the City of Bismarck is looking at placing spring load restrictions on City of Bismarck streets and alleys. <a id="newsFlashReadOn8579" href="/CivicAlerts.aspx?AID=8579" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8579 newsFlashReadOn8579">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=8576" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=50021" alt="Invitation to 3/3/25 Tyler Parkway Public Information Meeting" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8576" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8576" target="_self">Public Input Meeting to be Held March 3 for Proposed Tyler Parkway Street Extension, Improvements </a> </h4> <div class="widgetDesc"> An in-person meeting will be held from 6:00 p.m. to 8:00 p.m. Central on March 3 at Elk Ridge Elementary School Cafetorium, 4401 Ivory Lane, Bismarck, ND. The Public Input Meeting will utilize an open house format with a formal presentation at 6:30 p.m. <a id="newsFlashReadOn8576" href="/CivicAlerts.aspx?AID=8576" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8576 newsFlashReadOn8576">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=8573" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46972" alt="City of Bismarck Engineering Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8573" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8573" target="_self">4th St Closed from Rosser Avenue to Half a Block North </a> </h4> <div class="widgetDesc"> On Thursday, February 20, 2025, 4th St will be closed from Rosser Ave to half a block north so an underground pipe can be repaired. <a id="newsFlashReadOn8573" href="/CivicAlerts.aspx?AID=8573" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8573 newsFlashReadOn8573">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="/CivicAlerts.aspx?AID=8572" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49952" alt="Julie Mees studio photo. " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8572" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8572" target="_self">Bismarck City Commission Appoints Mees as City Attorney </a> </h4> <div class="widgetDesc"> Julie Mees has been unanimously appointed by the Bismarck City Commission to become the next City Attorney for the organization. <a id="newsFlashReadOn8572" href="/CivicAlerts.aspx?AID=8572" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8572 newsFlashReadOn8572">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="/CivicAlerts.aspx?AID=8571" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49951" alt="Michael Mart studio photo. " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8571" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8571" target="_self">Mart Accepts City of Bismarck Offer to Become Next Public Works Utility Ops Director </a> </h4> <div class="widgetDesc"> Michael Mart has accepted the City’s offer and is scheduled to begin working in Public Works later this month. <a id="newsFlashReadOn8571" href="/CivicAlerts.aspx?AID=8571" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8571 newsFlashReadOn8571">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="6"> <a href="/CivicAlerts.aspx?AID=8567" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47556" alt="Bismarck Fire Department Patch Image" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8567" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8567" target="_self">Bismarck Fire Department Promotes Adopt a Hydrant </a> </h4> <div class="widgetDesc"> The Bismarck Fire Department is asking for help from the community to make sure hydrants are clear with more snowfall on the way. <a id="newsFlashReadOn8567" href="/CivicAlerts.aspx?AID=8567" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8567 newsFlashReadOn8567">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="7"> <a href="/CivicAlerts.aspx?AID=8564" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49928" alt="Cameras a equipment built on to traffic signals. " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8564" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8564" target="_self">Revolutionizing Roadways: Advanced Traffic Systems Set to Improve City Commutes </a> </h4> <div class="widgetDesc"> Recent projects have brought fiberoptic cable into the City/County Building and have opened many possibilities for the future of the city’s traffic control. <a id="newsFlashReadOn8564" href="/CivicAlerts.aspx?AID=8564" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8564 newsFlashReadOn8564">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="8"> <a href="/CivicAlerts.aspx?AID=8558" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49891" alt="Proud to be a Bicycle Friendly Community" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8558" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8558" target="_blank">Bismarck-Mandan designated as Bicycle Friendly Community! </a> </h4> <div class="widgetDesc"> The Bismarck-Mandan MPO is proud to announce that the league of American Bicyclists has ?recertified us as a Bronze Bicycle Friendly Community! Keep biking and making our community a great place to live! <a id="newsFlashReadOn8558" href="/CivicAlerts.aspx?AID=8558" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8558 newsFlashReadOn8558">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="9"> <a href="/CivicAlerts.aspx?AID=8557" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=44627" alt="North Dakota League of Cities If I Were Mayor logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8557" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8557" target="_self">Bismarck Mayor Encourages City’s Third, Seventh Graders to Compete in ‘If I Were Mayor’ Essay </a> </h4> <div class="widgetDesc"> Mayor Mike Schmitz is encouraging Bismarck’s third and seventh graders to share what makes the city great and what improvements they would like to see as part of the annual ‘If I Were Mayor’ contest. <a id="newsFlashReadOn8557" href="/CivicAlerts.aspx?AID=8557" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8557 newsFlashReadOn8557">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="10"> <a href="/CivicAlerts.aspx?AID=8549" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=44510" alt="Winter Nightime Cityscape by Albert Lukaszewski" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8549" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8549" target="_self">City of Bismarck Extends Call for 2024 Photos </a> </h4> <div class="widgetDesc"> The City of Bismarck is seeking photos from the community for its annual call for images. Showcase the beauty, vibrancy, and unique character of Bismarck through your lens. Submissions will be accepted through 11:59 PM on Friday, February 28. <a id="newsFlashReadOn8549" href="/CivicAlerts.aspx?AID=8549" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8549 newsFlashReadOn8549">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="11"> <a href="/CivicAlerts.aspx?AID=8546" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49387" alt="Public Works staff load a couch into a garbage truck. " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8546" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8546" target="_self">Bulk Residential Item Pickup Pilot Program to Begin in 2025 </a> </h4> <div class="widgetDesc"> In January, a pilot program to collect bulk residential items will be offered for Bismarck residents. This program will run through July and its utilization will be evaluated and its long-term implementation will be decided. <a id="newsFlashReadOn8546" href="/CivicAlerts.aspx?AID=8546" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8546 newsFlashReadOn8546">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="12"> <a href="/CivicAlerts.aspx?AID=8535" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46964" alt="Bismarck Airport Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8535" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8535" target="_self">American Airlines Expands Service to Chicago O'Hare </a> </h4> <div class="widgetDesc"> Bismarck Airport is excited to announce American Airlines will begin daily nonstop service between Bismarck Airport and Chicago O’Hare <a id="newsFlashReadOn8535" href="/CivicAlerts.aspx?AID=8535" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8535 newsFlashReadOn8535">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="13"> <div class="text"> <h4 id="newsFlashItemHeader8525" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8525" target="_self">CAMPERS & TRAILERS NOT TO BE PARKED ON BISMARCK RESIDENTIAL STREETS DECEMBER 1-MARCH 31 </a> </h4> <div class="widgetDesc"> The Bismarck Police Department issues this reminder concerning the parking of campers and trailers on Bismarck residential streets. <a id="newsFlashReadOn8525" href="/CivicAlerts.aspx?AID=8525" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8525 newsFlashReadOn8525">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="14"> <a href="/CivicAlerts.aspx?AID=8472" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=48062" alt="Announcing the Bismarck Veterans Memorial Public Library’s updated values statement." data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8472" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8472" target="_blank">Announcing Bismarck Veterans Memorial Public Library’s Updated Values Statement </a> </h4> <div class="widgetDesc"> We are excited to unveil the library’s updated values statement, reflecting our dedication to serving the Bismarck-Burleigh community and visitors with enhanced relevance and inclusivity. <a id="newsFlashReadOn8472" href="/CivicAlerts.aspx?AID=8472" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8472 newsFlashReadOn8472">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="15"> <a href="/CivicAlerts.aspx?AID=8575" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49928" alt="Cameras a equipment built on to traffic signals. " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8575" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8575" target="_self">Revolutionizing Roadways: Advanced Traffic Systems Set to Improve City Commutes </a> </h4> <div class="widgetDesc"> Recent projects have brought fiberoptic cable into the City/County Building and have opened many possibilities for the future of the city’s traffic control. <a id="newsFlashReadOn8575" href="/CivicAlerts.aspx?AID=8575" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8575 newsFlashReadOn8575">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> // <!-- window.$ = window.$ || window.parent.$; $(window).on('load', function () { //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal if(!window.carouselsToInit){ window.carouselsToInit = new Array(); } var widgetNewsFlashc6c27a30a15f432db5204601b29d5e03 = function() { var widgetWindow = $('#widgetNewsFlashc6c27a30-a15f-432d-b520-4601b29d5e03').find('.cpWindow')[0]; if(widgetWindow){ if(widgetWindow.clientWidth != 0){ window.setTimeout(function(){ $('#widgetNewsFlashc6c27a30-a15f-432d-b520-4601b29d5e03').adaptiveCarousel({ minSlideWidth: 250, maxSlideWidth: 385, gutterWidth: 40, circular: true, teaser: false, transitionTiming: 500, noImageRequired: false }); }, 250); var index = window.carouselsToInit.indexOf(widgetNewsFlashc6c27a30a15f432db5204601b29d5e03); if (index > -1) { window.carouselsToInit.splice(index, 1); } } } } var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlashc6c27a30a15f432db5204601b29d5e03); if (indexCarouselsToInit === -1) { window.carouselsToInit.push(widgetNewsFlashc6c27a30a15f432db5204601b29d5e03); } if (window.carouselsToInit) { window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); } if (window.Pages.onResizeHandlers){ window.Pages.onResizeHandlers.forEach(function(car){car();}); } }); if (Modernizr.touch) { var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; $.when($pages.rwdReady).done(function () { //only for responsive sites if (typeof($$) !== 'undefined') { $$('#widgetNewsFlashc6c27a30-a15f-432d-b520-4601b29d5e03').on('swipeRight', function (e, a) { $(this).adaptiveCarousel("moveBack"); }); $$('#widgetNewsFlashc6c27a30-a15f-432d-b520-4601b29d5e03').on('swipeLeft', function (e) { $(this).adaptiveCarousel("moveForward"); }); } }); } // --> </script> <a id="newsFlashViewAllc6c27a30-a15f-432d-b520-4601b29d5e03" class="widgetViewAll alignRight" style="" href="/CivicAlerts.aspx?CID=20,55,5,52,11,13,9,15,29,48,30,17,18,44,3,16,14,10,8,6,42" aria-label="News Flash View All">View All News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="8028563e-8d22-4f7c-b466-7e9b636ebe57"> <div class="row nest first last wide"> <div class="inner col col1 first last idb5639150-0319-43a3-ae3b-b720d0e1ed65" style="" data-widgetcontainerid="b5639150-0319-43a3-ae3b-b720d0e1ed65"> <div class="widget widgetSpacer" id="c83b56c2-abf5-4d1f-b4c3-207812957126"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="80230519-17be-4982-bf71-6511afedd20b"> <div class="row nest first last wide"> <div class="inner col col8 first last id72e4c11f-8b43-4876-a5b0-a6995aeb4b48" style="" data-widgetcontainerid="72e4c11f-8b43-4876-a5b0-a6995aeb4b48"> <div data-widget-id='4a4186aa-2099-4f23-9043-d1996d507d0f' data-moduleName="customHtml" id='widgetCustomHtml4a4186aa-2099-4f23-9043-d1996d507d0f' class="widget widgetCustomHtml skin20 narrow" > <div class="widgetBody pageStyles" id="widgetBody4a4186aa-2099-4f23-9043-d1996d507d0f"> <div id="customHtml4a4186aa-2099-4f23-9043-d1996d507d0f"><div><!-- Facebook adjust --> <div class="facebook-container"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBismarckNDGov%2F&tabs=timeline&width=500&height=600&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="600" style="border:solid 20px #F5F9FF;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div> <style> .facebook-container { text-align: center; } </style> <script> // If you do not want to maintain aspect ratio: set to zero const aspectRatio = 1.4; const selector = ".facebook-container"; const minWidth = 220; const maxWidth = 500; // Facebook widget will not expand past 500 const minHeight = 600; const maxHeight = 600; const widthRegexp = /(width=)([0-9]+)/; const heightRegexp = /(height=)([0-9]+)/; let width = 0; let height = 0; function clamp(num, min, max) { return Math.min(Math.max(num, min), max); } function adjust() { const container = $(selector); const frame = $(selector + " > iframe"); if (frame === undefined || frame.length === 0) { console.warn("No facebook widget found..."); } else { const rawSrc = frame.attr("src"); const containerWidth = container.width(); if (containerWidth === 0) { const parents = container.parents(); for (let i = 0; i < parents.length; i++) { const parent = $(parents[i]); if (parent.css("display") === "none") { let mobileTab = parent.siblings(); mobileTab = mobileTab[mobileTab.length - 1]; if (!mobileTab) return; // Get .cpTabPanels let desktopTab = parent.parent(); // Get .cpTabs desktopTab = desktopTab.siblings(); desktopTab = desktopTab[desktopTab.length - 1]; // Get the matching tab (from the mobile tab text) desktopTab = $(desktopTab).children(); desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; if (!desktopTab) return; const desktopHandler = () => { adjust(); desktopTab.removeEventListener("click", desktopHandler); } const mobileHandler = () => { adjust(); mobileTab.removeEventListener("click", mobileHandler); } desktopTab.addEventListener("click", desktopHandler); mobileTab.addEventListener("click", mobileHandler); break; } } return; } width = clamp(containerWidth, minWidth, maxWidth); height = clamp(Math.floor(width * aspectRatio), minHeight, maxHeight); // Replace src and style on iframe try { const oldWidth = rawSrc.match(widthRegexp); const oldHeight = rawSrc.match(heightRegexp); if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { return; } const newSrc = rawSrc .replace(widthRegexp, "width=" + parseInt(width)) .replace(heightRegexp, "height=" + parseInt(height)); // Set attributes on frame frame.attr("src", newSrc); frame.css("width", width); frame.css("height", height); } catch (e) { console.warn("Failed replacing width & height"); console.warn(e); } } } let adjustTimeoutFn; $(window).load(function () { adjust(); $(window).resize(function () { clearTimeout(adjustTimeoutFn); adjustTimeoutFn = setTimeout(function () { adjust(); }, 250); }); $.when(window.Pages.angularToolbarComplete).done(function () { adjust(); }); }); </script> <!-- End Facebook adjust --> </div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer3"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc3c8f32e5-7d31-4e02-a3d9-bc02afc7322f" data-containerid="3c8f32e5-7d31-4e02-a3d9-bc02afc7322f" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="be02ffec-8a81-4208-a387-6e386d44b21c"> <div class="row nest first wide"> <div class="inner col col24 first last id465e353f-31e1-402b-8bb9-7fb7d7888326" style="" data-widgetcontainerid="465e353f-31e1-402b-8bb9-7fb7d7888326"> <div data-widget-id="2201a579-0588-44f9-9298-e91e5abd07a5" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv2201a579-0588-44f9-9298-e91e5abd07a5" class="widget widgetInfoAdvanced skin19 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header2201a579-0588-44f9-9298-e91e5abd07a5"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Calendar</h1><p>Keep up to date with upcoming events and meetings</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv2201a579-0588-44f9-9298-e91e5abd07a5 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest last wide"> <div class="inner col col24 first last id04f739d0-3383-4a47-8c8e-be73507578f2" style="" data-widgetcontainerid="04f739d0-3383-4a47-8c8e-be73507578f2"> <div id="divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82" class="widget widgetTabbed wide skin21" data-widgetid="55a7905e-e799-4d44-b53b-4a4a29823b82" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <!-- --><li style="width: 96%;" class="active"> <a href="#tab55a7905e-e799-4d44-b53b-4a4a29823b82_0" class="tabButton" role="tab" aria-controls="#tab55a7905e-e799-4d44-b53b-4a4a29823b82_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li><!-- --> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tab55a7905e-e799-4d44-b53b-4a4a29823b82_0" class="tabButton" role="tab" aria-controls="#tab55a7905e-e799-4d44-b53b-4a4a29823b82_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tab55a7905e-e799-4d44-b53b-4a4a29823b82_0" role="tabpanel"> <div data-widget-id="591cba48-654e-4716-a14c-be58c5cde6e4" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar591cba48-654e-4716-a14c-be58c5cde6e4" class="widget widgetCalendar skin21 widgetOptionSet35 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:74em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid3 mediaLeft"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar media" style="width: 32%; "> <input type="hidden" name="monthToRender" data-year="2025" data-month="02" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader591cba48-654e-4716-a14c-be58c5cde6e4"><button aria-label="Previous Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><div tabindex="0" class="cp-miniCalendar-title">February 2025</div><button aria-label="Next Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> <table role="grid" aria-labelledby="miniCalendarHeader591cba48-654e-4716-a14c-be58c5cde6e4" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> Sun </abbr></th> <th scope="col"><abbr title=" Monday "> Mon </abbr></th> <th scope="col"><abbr title=" Tuesday "> Tue </abbr></th> <th scope="col"><abbr title=" Wednesday "> Wed </abbr></th> <th scope="col"><abbr title=" Thursday "> Thu </abbr></th> <th scope="col"><abbr title=" Friday "> Fri </abbr></th> <th scope="col"><abbr title=" Saturday "> Sat </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2025-01-26">26</time></span></td> <td class="not"><span><time datetime="2025-01-27">27</time></span></td> <td class="not"><span><time datetime="2025-01-28">28</time></span></td> <td class="not"><span><time datetime="2025-01-29">29</time></span></td> <td class="not"><span><time datetime="2025-01-30">30</time></span></td> <td class="not"><span><time datetime="2025-01-31">31</time></span></td> <td><span><time datetime="2025-02-01"> 1</time></span></td> </tr> <tr><td><span><time datetime="2025-02-02"> 2</time></span></td> <td><span><time datetime="2025-02-03"> 3</time></span></td> <td><span><time datetime="2025-02-04"> 4</time></span></td> <td><span><time datetime="2025-02-05"> 5</time></span></td> <td><span><time datetime="2025-02-06"> 6</time></span></td> <td><span><time datetime="2025-02-07"> 7</time></span></td> <td><span><time datetime="2025-02-08"> 8</time></span></td> </tr> <tr><td><span><time datetime="2025-02-09"> 9</time></span></td> <td><span><time datetime="2025-02-10">10</time></span></td> <td><span><time datetime="2025-02-11">11</time></span></td> <td><span><time datetime="2025-02-12">12</time></span></td> <td><span><time datetime="2025-02-13">13</time></span></td> <td><span><time datetime="2025-02-14">14</time></span></td> <td><span><time datetime="2025-02-15">15</time></span></td> </tr> <tr><td><span><time datetime="2025-02-16">16</time></span></td> <td><span><time datetime="2025-02-17">17</time></span></td> <td><span><time datetime="2025-02-18">18</time></span></td> <td><span><time datetime="2025-02-19">19</time></span></td> <td><span><time datetime="2025-02-20">20</time></span></td> <td><span><time datetime="2025-02-21">21</time></span></td> <td><span><time datetime="2025-02-22">22</time></span></td> </tr> <tr><td><span><time datetime="2025-02-23">23</time></span></td> <td><span><time datetime="2025-02-24">24</time></span></td> <td><span><time datetime="2025-02-25">25</time></span></td> <td><span><time datetime="2025-02-26">26</time></span></td> <td class="today"><a tabindex="0" href='/calendar.aspx?view=list&year=2025&amp;month=2&amp;day=27&amp;CID=52,54,85,55,88,36,59,90,91,62,57,63,33,82,31,67,69,14,72,74,76,20,79,89,93'><time datetime="2025-02-27">27</time></a></td> <td><span><time datetime="2025-02-28">28</time></span></td> <td class="not"><span><time datetime="2025-03-01"> 1</time></span></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "591cba48-654e-4716-a14c-be58c5cde6e4", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row text narrow" style="margin-left: 37%;"> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="[&quot;2025-02-27&quot;]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="7644" > <h4 class="widgetTitle">Thu, Feb 27 </h4> <div style="display:inline;" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=7644">Library Board of Directors</a></strong> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="8013" > <h4 class="widgetTitle">Thu, Feb 27 </h4> <div style="display:inline;" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=8013">CANCELED - Vision Fund Committee</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> </div> </div> <a id="calendarViewAll591cba48-654e-4716-a14c-be58c5cde6e4" class="widgetViewAll alignRight" style="" href="/calendar.aspx?CID=52,54,85,55,88,36,59,90,91,62,57,63,33,82,31,67,69,14,72,74,76,20,79,89,93" aria-label="Calendar View All">View All Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82'; var mediaQuerySize = 54; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbed55a7905e-e799-4d44-b53b-4a4a29823b82 .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccbe6713ea-41b9-412a-a24c-f08b55744cc7" data-containerid="be6713ea-41b9-412a-a24c-f08b55744cc7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="70"> <div class="row outer wide"><!-- --><div class="outer col col7 first" style="" data-widgetcontainerid="d7c86d72-33b1-4385-8490-c663a2333968"> <div class="row nest first last wide"> <div class="inner col col7 first last id26865eb6-cd10-4d72-a9fd-f8551ae192db" style="" data-widgetcontainerid="26865eb6-cd10-4d72-a9fd-f8551ae192db"> <div data-widget-id="d90622ec-a9fb-492f-a870-f59b84a85095" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd90622ec-a9fb-492f-a870-f59b84a85095" class="widget widgetInfoAdvanced skin14 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd90622ec-a9fb-492f-a870-f59b84a85095"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="/"><img src="/ImageRepository/Document?documentId=44828" class="fr-dib" alt="Bismarck North Dakota Homepage"></a></p> </li> <li class="InfoAdvanced widgetItem fr-view"> <p>Mission Statement: To provide high-quality public services in partnership with our community to enhance our quality of life.</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvd90622ec-a9fb-492f-a870-f59b84a85095 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="62b9dddc-6cb5-4f75-91f4-65ee0f81994b"> <div class="row nest first last wide"> <div class="inner col col1 first last ida9d1dd12-45f4-4cd5-89e9-8c8c1af1eb3b" style="" data-widgetcontainerid="a9d1dd12-45f4-4cd5-89e9-8c8c1af1eb3b"> <div class="widget widgetSpacer" id="9235a925-4b27-457e-9420-78398ab4e8c1"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="5d294bd8-cbd7-444c-ae01-5a655bfaf63e"> <div class="row nest first last wide"> <div class="inner col col4 first last iddaf0b1c2-7faa-43ce-bacf-bc3baf63f7f2" style="" data-widgetcontainerid="daf0b1c2-7faa-43ce-bacf-bc3baf63f7f2"> <div data-widget-id="417f5738-eeaa-49e8-bc9c-78e0c20c8576" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv417f5738-eeaa-49e8-bc9c-78e0c20c8576" class="widget widgetInfoAdvanced skin11 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header417f5738-eeaa-49e8-bc9c-78e0c20c8576"> <header class="widgetHeader" id="header417f5738-eeaa-49e8-bc9c-78e0c20c8576"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="/Directory.aspx">Department Contacts</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv417f5738-eeaa-49e8-bc9c-78e0c20c8576 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="0dddfbd8-9dfe-4a90-a966-31da0458b4b0"> <div class="row nest first last wide"> <div class="inner col col1 first last id2feb0555-5b9a-4418-a971-3de903295765" style="" data-widgetcontainerid="2feb0555-5b9a-4418-a971-3de903295765"> <div class="widget widgetSpacer" id="eca54561-5aef-4a65-8028-b8505c060172"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="96930e2d-066f-4377-8a4b-7dc7c5a5c98d"> <div class="row nest first last wide"> <div class="inner col col5 first last id966485bd-0432-420f-8ea0-17cebee853da" style="" data-widgetcontainerid="966485bd-0432-420f-8ea0-17cebee853da"> <div data-widget-id="06d9b248-8d3c-480a-bfd3-48f06686ca98" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink06d9b248-8d3c-480a-bfd3-48f06686ca98" class="widget widgetQuickLinks skin11 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader06d9b248-8d3c-480a-bfd3-48f06686ca98"> <header class="widgetHeader" id="quickLinksHeader06d9b248-8d3c-480a-bfd3-48f06686ca98"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=127" >Community Political Subdivisions</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.bisparks.org/" target="_blank" aria-label="Bismarck Parks and Recreation District opens in new window">Bismarck Parks and Recreation District</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.bismarckschools.org/" target="_blank" aria-label="Bismarck Public Schools opens in new window">Bismarck Public Schools</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.burleigh.gov/" target="_blank" aria-label="Burleigh County opens in new window">Burleigh County</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.nd.gov/" target="_blank" aria-label="State of North Dakota opens in new window">State of North Dakota</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="04f80d66-c2b7-4f99-8b92-61e43cf3294f"> <div class="row nest first last wide"> <div class="inner col col1 first last id31ad2b00-aad6-493e-a44c-2a5181a0faf4" style="" data-widgetcontainerid="31ad2b00-aad6-493e-a44c-2a5181a0faf4"> <div class="widget widgetSpacer" id="98276513-5a43-409f-adfc-5c8edac34bcc"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="8c642f27-0e08-4cb2-9061-7e04f549882d"> <div class="row nest first last wide"> <div class="inner col col5 first last id4e7daf9e-ac2e-4173-a11d-d4c1ca1aa436" style="" data-widgetcontainerid="4e7daf9e-ac2e-4173-a11d-d4c1ca1aa436"> <div data-widget-id="57202b3c-fb7a-4184-a5c3-014727ac8c0c" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink57202b3c-fb7a-4184-a5c3-014727ac8c0c" class="widget widgetQuickLinks skin11 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader57202b3c-fb7a-4184-a5c3-014727ac8c0c"> <header class="widgetHeader" id="quickLinksHeader57202b3c-fb7a-4184-a5c3-014727ac8c0c"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=69" >Site Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2398/Website-Disclaimer" target="_self" >Website Disclaimer</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2399/Privacy-Statement" target="_self" >Privacy Statement</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap.aspx" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://civicplus.com/referral" target="_self" >Government Websites by CivicPlus®</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </footer><!-- Home --><div data-cpRole="structuralContainer" id="backToHomeTS" class="fixedBottomTS"> <div class="siteWrap3"><div data-cpRole="contentContainer" id="homeTS"> <div id="ccabe21e4f-e660-4576-9c43-52a8b40e76b6" data-containerid="abe21e4f-e660-4576-9c43-52a8b40e76b6" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="1865e52e-0f22-4cc6-85e9-9b5d6d1c0d71"> <div class="row nest first last wide"> <div class="inner col col24 first last id8614b772-e330-4d22-857d-2d5464262729" style="" data-widgetcontainerid="8614b772-e330-4d22-857d-2d5464262729"> <div data-widget-id="a5847ce2-6f5e-4800-8727-4dcdbb506aca" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta5847ce2-6f5e-4800-8727-4dcdbb506aca" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/" target="_self" class="fancyButton fancyButton837 " > <span> <span><span class="text">Back to Home</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton837.fancyButton:link,.fancyButton837.fancyButton:visited, .fancyButton837div.fancyButton{ background-color: rgb(14, 46, 110); padding-top: 69px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=44827'); background-repeat: no-repeat; background-position: center 21px ; width: 75px; margin: 0 auto; transition: all .3s ease-in-out;} .fancyButton837.fancyButton:hover,.fancyButton837.fancyButton:focus,.fancyButton837.fancyButton:active,.fancyButton837.fancyButton.hover{ background-color: rgb(31, 31, 31); background-repeat: no-repeat; background-position: center 21px ; } .fancyButton837.fancyButton:link > span,.fancyButton837.fancyButton:visited > span, .fancyButton837div.fancyButton > span{ } .fancyButton837.fancyButton:hover > span,.fancyButton837.fancyButton:focus > span,.fancyButton837.fancyButton:active > span,.fancyButton837.fancyButton.hover > span{ } .fancyButton837.fancyButton .text{ color: rgb(245, 249, 255); font-family: "Poppins"; font-weight: 500; text-decoration: none; background-repeat: no-repeat; background-position: left top; line-height: 1.3;} .fancyButton837.fancyButton:hover .text,.fancyButton837.fancyButton:focus .text,.fancyButton837.fancyButton:active .text,.fancyButton837.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccc7473022-fafa-4786-948e-58e58fe26b6b" data-containerid="c7473022-fafa-4786-948e-58e58fe26b6b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="458bedec-148f-47ad-894b-97b2043603c1"> <div class="row nest first last wide"> <div class="inner col col24 first last idf22395ae-28a2-487b-ac28-c2e569d44dec" style="" data-widgetcontainerid="f22395ae-28a2-487b-ac28-c2e569d44dec"> <div data-widget-id='62cacefb-61b7-4290-b79f-396f9100ae43' data-moduleName="customHtml" id='widgetCustomHtml62cacefb-61b7-4290-b79f-396f9100ae43' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBody62cacefb-61b7-4290-b79f-396f9100ae43"> <div id="customHtml62cacefb-61b7-4290-b79f-396f9100ae43"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: left; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span> </div> </div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> <div id="banner2-28" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-28', 'banner2', {"BannerOptionID":28,"ThemeID":11,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":42,"BannerOptionID":28,"FileName":"/ImageRepository/Document?documentID=44853","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":14,"BannerOptionID":28,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202402112326401493.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":42,"BannerOptionID":28,"FileName":"/ImageRepository/Document?documentID=44853","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/2024 - Home/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=44853" />'); }); }); </script> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc"> <!-- Content from the Froala Editor will go here. --> Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-700606170.js" type="text/javascript"></script> <!-- Google tag (gtag.js) --> <script async src=https://www.googletagmanager.com/gtag/js?id=G-62Q8D758KM></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-62Q8D758KM'); </script> <!----------Google Translate (Mobile Friendly)---------> <style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;} #launcher-wrapper {bottom: 50px !important;} </style> <div id="google-translate-container"> <div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div> </div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); // begin accessibility compliance $('img.goog-te-gadget-icon').attr('alt','Google Translate'); $('div#goog-gt-tt div.logo img').attr('alt','translate'); $('div#goog-gt-tt .original-text').css('text-align','left'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); $('.goog-te-combo').attr('aria-label','google translate languages'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); } $(function() { $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); }); </script> <!--------------End Google Translate-----------------> <!-- Fixed Nav Adjustment --> <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); const anchor2 = $("#headerContainerTS") // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script> <!-- End Fixed Nav Adjustment --> <!-- Move banner to outer wrap --> <script> function moveBannerToOuterWrap() { if ($(".fixedBannerTS").length) { if ($("#bannerDivbanner2").length) { $("#bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function() { moveBannerToOuterWrap(); }, 500); } } } moveBannerToOuterWrap(); </script> <!-- end move banner to outer wrap --> <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Libre+Baskerville:700,regular|Oswald:500,600,700,regular|Poppins:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Work+Sans:100,200,300,500,600,700,800,900,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10