CINXE.COM
Interactive Mapping for Government Affairs
<!DOCTYPE html> <html lang="en"><!--<![endif]--><!-------------------------------- Header color = #ffffff Footer color = #999999 Section color = #f5f5f5 Button Banner color = #8d734a Button Banner Hover color = #000000 -----------------------------------><head> <meta charset="utf-8"> <title>Interactive Mapping for Government Affairs</title> <meta name="author" content> <meta name="keywords" content> <meta name="description" content> <link rel="stylesheet" href="https://go.nationaljournal.com/rs/556-YEE-969/images/global.css"> <link rel="stylesheet" href="https://go.nationaljournal.com/rs/556-YEE-969/images/research.css"> <link rel="stylesheet" href="https://www.nationaljournal.com/wp-content/themes/nj/style.css?ver=1602104444"> <link rel="icon" type="image/x-icon" href="https://www.nationaljournal.com/static/images/favicon.ico"> <!-- Marketo Variable Definitions --> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta name="formPrefill" content="1"><meta name="robots" content="index, nofollow"> <!-- Libs CSS --> <link href="https://go.nationaljournal.com/rs/556-YEE-969/images/bootstrap.css" rel="stylesheet"> <link href="https://go.nationaljournal.com/rs/556-YEE-969/images/style-mkto.css" rel="stylesheet"> <link rel="stylesheet" href="https://go.nationaljournal.com/rs/556-YEE-969/images/elegant-icons.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,300" rel="stylesheet" type="text/css"> <!--[if lt IE 9]> <script src="https://na-sjh.marketo.com/rs/514-OSY-890/images/html5shiv.js"></script> <script src="https://na-sjh.marketo.com/rs/514-OSY-890/images/respond.js"></script> <meta https-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <style> /* ========================================================================== DO NOT EDIT - UNLESS YOU KNOW WHAT YOUR DOING ========================================================================== */ /* Header Section */ #headerSection { background-color: #ffffff; } /* Banner Section */ #banner { background-color: #13023C !important; background-image: url( ) !important; background-position: center center !important; background-attachment: inherit !important; } /* Section 1 */ #section1 { background-color: #ffffff; } /* Section 2 */ #section2 { background-color: #ffffff; } /* Section 3 */ #section3 { background-color: #f5f5f5; } /* Section 4 */ #section4 { background-color: #ffffff; } /* Section 5 */ #section5 { background-color: #ffffff; } /* Section 6 */ #section6 { background-color: #ffffff; } /* Section 7 */ #section7 { background-color: #f5f5f5; } /* Section 8 */ #section8 { background-color: #ffffff; } /* Footer Section */ #footerSection { background-color: #999999; padding:25px 0px 15px 0px; } @media (min-width: 1120px) { .col-md-2-4 { float: left; width: 20%; } } @media only screen and (max-width: 1120px) { footer .container { width: 740px !important; } .social { display: none; float: right; } .navbar-brand #logoImg { min-height: 19px !important; } .navbar-brand img { margin: 0; width: 133px; height: 19px; } .navbar { min-height: 19px !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .section5-img { float: none !important; } } @media only screen and (max-width: 740px) { footer ul { border-left: 0; border-bottom: 1px solid #c2c2c2; border-left: none; padding-bottom: 20px; } } @media only screen and (min-width: 741px) { footer ul { border-left: 1px solid #c2c2c2; } } @media only screen and (min-width: 767px) { nav { height: 56px; } } @media only screen and (max-width: 767px) { #headerSection .container { margin-bottom: 0; } .features .line-font img { margin-top: 0 !important; margin-bottom: 0 !important; } .section5-img { float: none !important; } .navbar > .container .navbar-brand { margin: 0; } footer .container { width: 100% !important; } } @media only screen and (max-width: 479px) { .features .line-font img { margin-top: 0 !important; margin-bottom: 0 !important; } .section5-img { float: none !important; } .navbar-brand img { margin: 0; width: 133px; height: 19px; } .navbar > .container .navbar-brand { margin-top: 0; } } /* ========================================================================== Basic Styling ========================================================================== */ body { width: 100%; min-height: 100%; font-family: "Freight Sans", sans-serif; -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 1.2; color: #333; text-rendering: optimizeLegibility; } /*h1, h2, h3, h4, h5, h6 { font-weight: 300; font-family:"Helvetica Neue", Helvetica, Arial,sans-serif; color: #1a1a1a; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out;}*/ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; } /*h1 {font-size: 44px;} h2 {font-weight: 700; margin-bottom: 20px; } h3 {} h4 {font-size: 17px; font-weight: 700; color: #2d2d2d;}*/ h1 { color: #fff !important; font-family: 'Freight Big', serif !important; font-size: 70px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.03em !important; text-align: center; margin: 0; } h2 { color: #333 !important; margin: 0; font-size: 35px !important; font-weight: bold !important; font-family: 'Freight Big', serif !important; line-height: 1.02 !important; } h3 { color: #333 !important; font-family: 'Freight Big', serif !important; font-size: 30px !important; font-weight: 900 !important; line-height: 1.17 !important; margin: 0; padding-bottom: 10px; } h4 { color: #333 !important; font-family: 'Freight Big', serif !important; font-weight: lighter !important; line-height: 1.25 !important; font-size: 22px !important; margin-bottom: 20px; } h5 { color: #000000 !important; font-family: "Freight Sans", sans-serif !important; font-size: 15px !important; font-weight: normal !important; line-height: 1.3 !important; } .headline p { margin-bottom: 50px; font-weight: 100; font-size: 16px; color: #333; } .white-text p { color: #333 !important; } p { font-family: "Freight Sans", sans-serif; margin-bottom: 20px; line-height: 24px; } a { -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; color: #00a8d6; } a:hover, a:focus { text-decoration: none; color: #007DA0; outline: none; } ul { list-style-type: circle; } ::-moz-selection { text-shadow: none; background: #08b4da; color: #FFF; } ::selection { text-shadow: none; background: #08b4da; color: #FFF; } .btn { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0; padding: 15px 35px; font-weight: bold; } .btn:hover, .btn:focus { background-color: #08b4da; color: #FFF; } .btn-transparent { background-color: #3FA9EA; color: #ffffff; } .btn-transparent:hover { background-color: ${bannerButtonBgHoverColor } } .img-responsive, .img-responsive img { display: block; width: 100%; max-width: 100%; height: auto; } .footer p, .footer a { color: #ffffff; margin-bottom: 10px; font-size: 12px; } .footer-links { text-align: right; } .col-md-2-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } footer ul { list-style: none; padding-left: 10px; font-size: 14px; } footer ul li { padding-bottom: 10px; line-height: 18px !important } footer a { color: #ffffff; font-weight: lighter; } nav { box-shadow: 1px 1px 5px #c2c2c2; background: #ffffff !important; } #footerSection { padding: 25px 0 40px 0; background: #999999 !important; } .navbar-inverse { padding: 10px 0; } .navbar-brand { margin-top: 0; } .social { margin-top: 5px; } #menu.fixed .social ul { float: right; width: initial; clear: none; list-style: none; padding-left: 0; } .social ul li { margin: 0 5px; color: #000000; float: left; position: relative; -webkit-transition: background-color 0.25s ease-in; -moz-transition: background-color 0.25s ease-in; -o-transition: background-color 0.25s ease-in; transition: background-color 0.25s ease-in; cursor: pointer; } .social ul li.search-btn { width: 20px; height: 20px; background: #000000; color: #ffffff; position: relative; border-radius: 20px; } .social li:not(.search-btn) { display: inline-block; } .social ul li i { display: block; font-size: 20px; font-family: 'ElegantIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } a .social_facebook_circle { color: #000000; } .social_facebook_circle:before { content: "\e0aa"; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a .social_facebook_circle:hover { color: #3b5998; } a .social_twitter_circle { color: #000000; } .social_twitter_circle:before { content: "\e0ab"; } a .social_twitter_circle:hover { color: #00aced; } a .social_linkedin_circle { color: #000000; } .social_linkedin_circle:before { content: "\e0b4"; } .social .briefcase-icon { float: left; width: initial; clear: none; font-size: 20px; position: relative; top: -3px; margin: 0 5px; } .social .briefcase-icon a { color: #000000; text-transform: uppercase; font-weight: bold; cursor: pointer; } .social .briefcase-icon i:hover { color: #8d734a; } .social .briefcase-icon a i { color: #000000; } .social .briefcase-icon .fav-text { display: none; } .icon_star:before { content: "\e033"; } /* ========================================================================== FORM 2.0 -- Simple Form STYLES ONLY ========================================================================== */ .mktoForm .mktoButtonWrap .mktoButton { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; border: none !important; padding: 12px 14px !important; font-size: 1em; /* background: #8d734a;*/ background-color: #8d734a !important; background-image: none !important; background-image: none !important; background-image: none !important; background-image: none !important; text-transform: none !important; background:#04A7EA !important; } .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { border: none !important; background: #000000!important; } #primaryForm input { border: 1px solid #e1e1e1; background-color: #ffffff !important; border-radius: 0; box-shadow: none !important; height: 28px; } #primaryForm label { font-size: 11px; font-weight: 300 !important; -webkit-font-smoothing: antialiased !important; -moz-text-rendering: optimizeLegibility !important; text-rendering: optimizeLegibility !important; text-transform: uppercase; } #primaryForm select { font-size: 11px !important; font-weight: 300 !important; box-shadow: none !important; outline: none !important; border: 1px solid #e1e1e1 !important; border-radius: 4px !important; } #primaryForm textarea { box-shadow: none !important; border: 1px solid #e1e1e1 !important; } #primaryForm .mktoAsterix { display: none !important; } #primaryForm button { background: #8d734a; color: #ffffff; font-size: 12px; text-align: center; display: inline-block; cursor: pointer; border: 1px solid #8d734a; text-transform: uppercase; } .mktoForm .mktoButtonWrap.mktoGlow .mktoButton { background: #8d734a !important; background-image: none !important; box-shadow: none !important; color: #ffffff !important; font-size: 12px !important; text-align: center !important; display: inline-block !important; cursor: pointer !important; border: 1px solid #8d734a !important; text-transform: uppercase !important; } .mktoForm .mktoButtonWrap.mktoGlow .mktoButton:hover { background: #000000 !important; border: 1px solid #000000 !important; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField { box-shadow: none !important; } @media only screen and (max-width: 1120px) { #primaryForm select { margin-bottom: 10px; } } @media only screen and (max-width: 740px) { #primaryForm .lpeCElement { border-top: 1px solid #999999; margin-top: 30px; padding-top: 30px; } } .social { float: right; padding-top: 3px; } @media only screen and (max-width: 1120px) { .social { display: block !important; } } #banner-section img { width:100%; margin-bottom: -60px; max-width: 750px; margin-left: auto; margin-right: auto; height:auto; display:block; } #banner-section + div.text-center a button { margin: 80px 0 -60px 0; } </style> <style>.mktoGen.mktoImg {display:inline-block; line-height:0;}</style> </head> <body data-spy="scroll" data-target=".navigation" id="bodyId"> <!-- Start Header --> <div id="header"> <div style="display:block;"> <nav id="headerSection" class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="row"> <div class="navbar-header col-xs-12 col-sm-6 col-lg-6 col-md-6"> <!-- Start Logo / Text --> <a class="navbar-brand text-logo" href="https://www.nationaljournal.com/"> <div class="mktoImg mktoGen" id="mkto_gen_logoImg"> <img src="https://go.nationaljournal.com/rs/556-YEE-969/images/NJ Logo_Primary_updated for marketo-01.png" style="width:165px !important; height:auto !important" id="logoImg"> </div> </a> <!-- End Logo / Text --> </div> <div class="social"> <ul class="buttons"> <!--<li class="search-btn"> <a href="#"> <i class="icon_search"></i> </a> </li>--> <li> <a target="_blank" href="https://www.facebook.com/NationalJournal"> <i class="social_facebook_circle"></i> </a> </li> <li> <a target="_blank" href="https://twitter.com/nationaljournal"> <i class="social_twitter_circle"></i> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/company/national-journal/"> <i class="social_linkedin_circle"></i> </a> </li> </ul> </div> </div> </div> </nav> </div> </div> <!-- End Header --> <!-- Banner --> <div style="display:block;"> <div id="banner" class="bg-blur"> <div class="banner-content"> <div class="container"> <div class="row"> <!-- Start Header Text --> <div class="col-md-12 col-sm-12"> <div class="mktoText" id="banner-section"><div><a href="https://go.nationaljournal.com/Request-a-Demo" target="_blank"><img src="https://go.nationaljournal.com/rs/556-YEE-969/images/Interactive Mapping Tool.gif" alt="Interactive Mapping" height="360" width="900" constrain="true" imagepreview="false" /></a></div></div> <div class="text-center" style="display:none;"> <a href="https://go.nationaljournal.com/subscribe-hotline.html#FORM"> <button class="btn btn-transparent btn-big">Subscribe</button> </a> </div> </div> </div> <!-- End Header Text --> </div> </div> </div> </div> <!-- End Banner --> <!-- Section 1 --> <div id="section1" style="display:none;"> <section id="intro" class="padding40"> <div class="container"> <div class="row"> <div class="col-md-12 headline"> <div class="mktoText" id="section-1"><div> <p><iframe id="datawrapper-chart-a6huj" style="width: 0; min-width: 100% !important; border: none;" title=" Unemployment in US counties - November 2022 " src="https://datawrapper.dwcdn.net/a6huj/2/" height="600" frameborder="0" scrolling="no" aria-label="Map" data-external="1"></iframe></p> </div></div> </div> </div> </div> </section> </div> <!-- Separator --> <!-- Section 2 --> <div id="section2" style="display:block;"> <div class="container padding40 paddingbottom-15"> <div class="row"> <div class="col-md-6" id="main-content"> <div class="mktoText" id="section-2-left" style="padding:0px 20px;"><h3>Visualize your organization’s footprint.</h3> <div>Transform your government affairs data into powerful visuals with National Journal's new interactive mapping tool.</div> <div> <div><br /></div> <div>National Journal is building on its 50+ year history as a DC media institution to provide government affairs teams with modern custom content to support their advocacy goals. We'll help you elevate your content with custom maps that zoom in and pan around specific locations or regions to showcase important data related to your policy goals.</div> <div> <div><br /></div> <div>You can request a walkthrough of our interactive mapping tool, along with a few other exciting new multimedia resources.<br /></div> </div> </div></div> </div> <div name="main-form" style="display:block;"> <div class="col-md-5 col-md-offset-1"> <div class="mktoForm" id="primaryForm" style="margin-bottom:40px;padding:10px 20px;min-height:80px;"><div id='lpeCDiv_132321' class='lpeCElement NBB_Interactive_MappingNBB_House_Hard'><span class='lpContentsItem formSpan'> <script src="/js/forms2/js/forms2.min.js"></script> <form class="mktoForm" id="mktoForm_2314"> </form> <script> (function (){ var formDescriptor = {"Id":2314,"Vid":2314,"Status":"approved","Name":"NBB Interactive Mapping.NBB Interactive Mapping","Description":"","Layout":"left","GutterWidth":10,"OffsetWidth":10,"HasTwoButtons":true,"SubmitLabel":"Submit","ResetLabel":"Clear","ButtonLocation":"135","LabelWidth":100,"FieldWidth":150,"ToolTipType":"none","FontFamily":"Helvetica, Arial, sans-serif","FontSize":"13px","FontColor":"#333","FontUrl":null,"LineMargin":10,"ProcessorVersion":2,"CreatedByUserid":203,"ProcessOptions":{"language":"English","locale":"en_US","profiling":{"isEnabled":true,"numberOfProfilingFields":1,"alwaysShowFields":[]},"socialSignOn":{"isEnabled":false,"enabledNetworks":[],"cfId":null,"codeSnippet":null},"knownLead":{"type":"form","template":""}},"EnableDeferredMode":0,"EnableCaptcha":0,"EnableGlobalFormValidationRule":1,"ButtonType":null,"ButtonImageUrl":null,"ButtonText":null,"ButtonSubmissionText":"","ButtonStyle":{"id":13,"className":"mktoRound","css":".mktoForm .mktoButtonWrap.mktoRound .mktoButton {\ncolor:#fff;\nborder:1px solid #a3bee2;\n-webkit-border-radius:5px;\n-moz-border-radius:5px;\nborder-radius:5px;\nbackground-color:#779dd5;\nbackground-image: -webkit-gradient(linear, left top, left bottom, from(#779dd5), to(#5186cb));\nbackground-image: -webkit-linear-gradient(top, #779dd5, #5186cb);\nbackground-image: -moz-linear-gradient(top, #779dd5, #5186cb);\nbackground-image: linear-gradient(to bottom, #779dd5, #5186cb);\npadding:0.4em 1em;\nfont-size:1em;\n}\n.mktoForm .mktoButtonWrap.mktoRound .mktoButton:hover {\nborder:1px solid #45638c;\n}\n.mktoForm .mktoButtonWrap.mktoRound .mktoButton:focus {\noutline:none;\nborder:1px solid #45638c;\n}\n.mktoForm .mktoButtonWrap.mktoRound .mktoButton:active{\nbackground-color:#5186cb;\nbackground-image: -webkit-gradient(linear, left top, left bottom, from(#5186cb), to(#779dd5));\nbackground-image: -webkit-linear-gradient(top, #5186cb, #779dd5);\nbackground-image: -moz-linear-gradient(top, #5186cb, #779dd5);\nbackground-image: linear-gradient(to bottom, #5186cb, #779dd5);\n}\n","buttonColor":null},"ThemeStyle":{"id":6,"displayOrder":4,"name":"Round","backgroundColor":"#FFF","layout":"left","fontFamily":"Helvetica, Arial, sans-serif","fontSize":"13px","fontColor":"#333","offsetWidth":10,"gutterWidth":10,"labelWidth":100,"fieldWidth":150,"lineMargin":10,"useBackgroundColorOnPreview":false,"css":"","href":"css\/forms2-theme-round.css","buttonStyleId":13},"ThemeStyleOverride":null,"rows":[[{"Id":10221,"Name":"HtmlText_2016-12-01T20:42:17.651Z","Datatype":"htmltext","InputInitialValue":"","LabelWidth":390,"ProfilingFieldNumber":0,"Htmltext":"\u003Cp\u003E\u003Cb\u003ERequest a walkthrough of interactive mapping:\u003C\/b\u003E\u003C\/p\u003E","IsLabelToLeft":true}],[{"Id":10223,"Name":"FirstName","IsRequired":true,"Datatype":"string","Maxlength":266,"InputLabel":"First Name:","InputInitialValue":"","InputSourceChannel":"constant","FieldWidth":200,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required."}],[{"Id":10224,"Name":"LastName","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"Last Name:","InputInitialValue":"","InputSourceChannel":"constant","FieldWidth":200,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required."}],[{"Id":10225,"Name":"Company","IsRequired":true,"Datatype":"string","Maxlength":255,"InputLabel":"Company:","InputInitialValue":"","InputSourceChannel":"constant","FieldWidth":200,"ProfilingFieldNumber":0,"ValidationMessage":"This field is required."}],[{"Id":10226,"Name":"Email","IsRequired":true,"Datatype":"email","Maxlength":255,"InputLabel":"Business Email:","InputInitialValue":"","InputSourceChannel":"constant","FieldWidth":200,"ProfilingFieldNumber":0,"ValidationMessage":"Must be valid email. \u003Cspan class='mktoErrorDetail'\u003Eexample@yourdomain.com\u003C\/span\u003E"}],[{"Id":10227,"Name":"uTMCampaign","Datatype":"hidden","Maxlength":255,"InputLabel":"UTM Campaign:","InputInitialValue":"","InputSourceChannel":"url","InputSourceSelector":"utm_campaign","ProfilingFieldNumber":0,"DisablePrefill":true}],[{"Id":10222,"Name":"LeadSource","Datatype":"hidden","Maxlength":255,"InputLabel":"Lead Source:","InputInitialValue":"Marketing","InputSourceChannel":"constant","InputSourceSelector":"","ProfilingFieldNumber":0}],[{"Id":10220,"Name":"Profiling","Datatype":"profiling","InputInitialValue":"","ProfilingFieldNumber":0,"IsLabelToLeft":true}]],"fieldsetRows":[],"action":"\/index.php\/leadCapture\/save3","munchkinId":"556-YEE-969","invalidInputMsg":"Invalid Input","formSubmitFailedMsg":"Submission failed, please try again later.","isPreview":null}; MktoForms2.setOptions({baseUrl:"/js/forms2/"}); var isDev = false; if(isDev && window.console && window.JSON){ console.log(JSON.stringify(formDescriptor, null, " ")); } formDescriptor.lpId = 9739; var form = MktoForms2.newForm(formDescriptor, function (form){ var lpFields = {"lpId":9739,"subId":37,"munchkinId":"556-YEE-969","lpurl":"\/\/go.nationaljournal.com\/Interactive_Mapping.html?cr={creative}&kw={keyword}"}; var pageFields = MktoForms2.getPageFields(); form.addHiddenFields(lpFields); form.addHiddenFields(pageFields); if(window.mktoPreFillFields){ form.setValuesCoerced(mktoPreFillFields); } if(!form.EnableDeferredMode){ form.render(); } }); })() </script> <noscript> <form class='mktoForm mktoNoJS' action='/index.php/leadCapture/save3' method='post'> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='FirstName'> First Name: </label> <input type="text" class='mktoField mktoTextField' name='FirstName' id='FirstName'> </div> </div> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='LastName'> Last Name: </label> <input type="text" class='mktoField mktoTextField' name='LastName' id='LastName'> </div> </div> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='Company'> Company: </label> <input type="text" class='mktoField mktoTextField' name='Company' id='Company'> </div> </div> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='Email'> Business Email: </label> <input type="text" class='mktoField mktoTextField' name='Email' id='Email'> </div> </div> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='uTMCampaign'> UTM Campaign: </label> <input type="text" class='mktoField mktoTextField' name='uTMCampaign' id='uTMCampaign'> </div> </div> <div class='mktoFormRow'> <div class='mktoFormCol'> <label class="mktoLabel" for='LeadSource'> Lead Source: </label> <input type="text" class='mktoField mktoTextField' name='LeadSource' id='LeadSource'> </div> </div> <span style="display:none;"><input type="text" name="_marketo_comments" value=""></span> <span class='mktoButtonWrap'><button type='submit' class='mktoButton'>Submit</button></span> <input type="hidden" name="lpId" value="9739" /> <input type="hidden" name="subId" value="37" /> <input type="hidden" name="lpurl" value="//go.nationaljournal.com/Interactive_Mapping.html?cr={creative}&kw={keyword}" /> <input type="hidden" name="formid" value="2314" /> <input type="hidden" name="formVid" value="2314" /> <input type="hidden" name="ret" value="" /> <input type="hidden" name="munchkinId" value="556-YEE-969"/> <input type="hidden" name="kw" value=""/> <input type="hidden" name="cr" value=""/> <input type="hidden" name="searchstr" value=""/> <input type="hidden" name="_mkt_disp" value="return"/> <input type="hidden" name="_mkt_trk" value=""/> </form> </noscript> </span></div> </div> </div> </div> </div> </div> </div> <!-- Section 3 --> <div id="section3" style="display:none;"> <section id="three-main" class="section30 white-text padding40"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="mktoText" id="section-3"><div class="headline"> <h3><br /></h3> </div></div> </div> </div> <div class="row text-center"> <div class="col-md-4"> <div class="mktoText" id="section-3-1"><p class="main-point"><!-- Main Point --></p> <div class="line-font"><a href="https://www.nationaljournal.com/animated-post-election-presentation/" target="_blank"><img src="https://go.nationaljournal.com/rs/556-YEE-969/images/Preparing.png" alt="PAC Content Studio.gif" height="300" width="300" constrain="false" imagepreview="false" /></a></div> <p class="main-point"><!-- Main Point Icon --></p> <h4><span style="color: #000000;">Preparing for your work week</span></h4> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;">Our policy analysts and graphic designers will create custom content in your branding that you can use to prepare, including:</span></div> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;"></span><br /></div> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;"></span></div> <div style="text-align: left; padding-left: 30px;"><span style="color: #000000;">• Town hall presentations</span><br /><span style="color: #000000;">• Policy issue primers</span><br /><span style="color: #000000;">• And, <strong>Daybook</strong>, which keeps you informed about the most important events and hearing in Washington</span><br /></div></div> </div> <div class="col-md-4"> <div class="mktoText" id="section-3-2"><p class="main-point"><!-- Main Point --></p> <div class="line-font"><a href="https://www.nationaljournal.com/animated-post-election-presentation/" target="_blank"><img src="https://go.nationaljournal.com/rs/556-YEE-969/images/Running.gif" alt="PAC Content Studio.gif" height="300" width="300" constrain="false" imagepreview="false" /></a></div> <p class="main-point"><!-- Main Point Icon --></p> <h4><span style="color: #000000;">Staying informed</span></h4> <div style="text-align: left;"><span style="color: #000000;">We’ll help equip your office with the materials they’ll need to successfully navigate their busiest days, including:</span></div> <div style="text-align: left;"><br /></div> <div style="text-align: left; padding-left: 30px;"><span style="color: #000000;">• <strong>NJ Daily</strong> for in-depth policy coverage to profiles of key figures and power players on Capitol Hill.</span><br /><span style="color: #000000;">• <em>Hotline's</em> <strong>Wake-Up Call</strong> and <strong>Latest Edition</strong> to preview the day's top stories and election updates.</span><br /><span style="color: #000000;">• And, <strong>Almanac</strong>, for profiles of every member of Congress and demographic and historical election data by state and congressional district </span><br /></div></div> </div> <div class="col-md-4"> <div class="mktoText" id="section-3-3"><div class="line-font" style="color: #000000; font-family: 'Freight Sans'; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><a href="https://www.nationaljournal.com/animated-post-election-presentation/" target="_blank"><br /><img src="https://go.nationaljournal.com/rs/556-YEE-969/images/Keeping.gif" alt="People Intelligence Profiles.png" height="300" width="300" constrain="false" imagepreview="false" /><br /></a></div> <h4><span style="color: #000000;">Keeping constituents engaged</span></h4> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;">Maintain the momentum during after your district work period.</span></div> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;"></span><br /></div> <div style="text-align: left;"><span style="color: #000000;">We’ll produce content to help you keep constituents up-to-date with your policy priorities while you’re back in DC.</span></div> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;"></span><br /></div> <div style="text-align: left;"><span style="color: #000000; font-size: 14px;">Lean on our team for:</span></div> <div style="text-align: left;"><br /></div> <div style="text-align: left; padding-left: 30px;"><span style="color: #000000;">• Animated graphics for social media and newsletters</span><br /><span style="color: #000000;">• Visual legislative trackers</span><br /><span style="color: #000000;">• Email Newsletters</span><br /></div></div> </div> </div> </div> </section> </div> <!--End Section 3 --> <!-- Separator --> <div class="container"> <div id="section4" style="display:none;"> <div class="row paddingtop-40"> <div class="col-lg-6 col-md-6"> <div class="mktoText img-responsive" id="section-4-image"> <img src="https://www.placehold.it/530x380" alt="" title=""> </div> </div> <div class="col-lg-6 col-md-6"> <div class="mktoText" id="section-4"> <div class="features"><!-- Main Points --> <h3>Section 4 - Point 1</h3> <!-- Main Title --> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <!-- Main Text --> </div> <!-- End Main Points --> <div class="features"> <h3>Section 4 - Point 2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="features"> <h3>Section 4 - Point 3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div> </div> </div> <div id="section5" style="display:none;"> <div class="row section paddingtop-40"> <div class="col-lg-6 col-md-6 section5-img" style="float:right;"> <div class="mktoText img-responsive" id="section-5-image"><p><iframe id="datawrapper-chart-a6huj" style="width: 0; min-width: 100% !important; border: none;" title=" Unemployment in US counties - November 2022 " src="https://datawrapper.dwcdn.net/a6huj/2/" height="1000" frameborder="0" scrolling="no" aria-label="Map" data-external="1"></iframe></p></div> </div> <div class="col-lg-6 col-md-6" style="float:left;"> <div class="mktoText" id="section-5"><h2>You can use your new interactive maps to enhance a grassroots website or make an impact at conferences and events.</h2></div> </div> </div> </div> <div id="section6" style="display:none;"> <div class="row section paddingbottom-50"> <div class="col-md-6"> <div class="mktoText img-responsive" id="section-6-image"> <img src="https://www.placehold.it/530x380" alt="" title=""> </div> </div> <div class="col-md-6"> <div class="mktoText" id="section-6"><h3>Visualize your organization’s footprint.</h3> <div>Transform your government affairs data into powerful visuals with National Journal's new interactive mapping tool.</div> <div> <div><br /></div> <div>National Journal is building on its 50+ year history as a DC media institution to provide government affairs teams with modern custom content to support their advocacy goals. We'll help you elevate your content with custom maps that zoom in and pan around specific locations or regions to showcase important data related to your policy goals.</div> <div> <div><br /></div> <div>You can request a walkthrough of our interactive mapping tool, along with a few other exciting new multimedia resources.<br /></div> </div> </div></div> </div> </div> </div> </div> <!-- Video --> <div id="section7" style="display:block;"> <section id="how-it-works" class="section30 bg-section white-text padding40"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="mktoText" id="section-7"><div class="headline"> <h2>You can use your new interactive maps to enhance a grassroots website or make an impact at conferences and events.</h2> <div><br /></div> </div></div> </div> </div> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <div class="video-container"> <iframe src="https://datawrapper.dwcdn.net/a6huj/2/"></iframe> <!-- Responsive video iframe --> </div> <div class="col-md-2"></div> </div> </div> </div> </section> </div> <!-- Video --> <!-- Client Logos --> <div id="section8" style="display:none;"> <div id="clients" class="padding40 bg-grey hidden-xs"> <div class="container"> <div class="mktoText" id="section-8"> <ul class="list-inline clients-logo text-center"> <li><img src="https://www.placehold.it/175x35/333333/ffffff" alt="" title=""></li> <!--Image path of logo --> <li><img src="https://www.placehold.it/175x35/333333/ffffff" alt="" title=""></li> <li><img src="https://www.placehold.it/175x35/333333/ffffff" alt="" title=""></li> <li><img src="https://www.placehold.it/175x35/333333/ffffff" alt="" title=""></li> </ul> </div> </div> </div> </div> <!-- End Client Logos --> <!-- Footer Bottom --> <div id="footer" class="hidden-print"> <div class="container"> <div class="row"> <div class="col-md-2-4 col-xs-6"> <ul> <li> <a href="https://www.facebook.com/NationalJournal/" target="_blank">Facebook</a> </li> <li> <a href="https://www.linkedin.com/company/9313" target="_blank">LinkedIn</a> </li> <li> <a href="https://twitter.com/nationaljournal" target="_blank">Twitter</a> </li> <li> <a href="https://solve.nationaljournal.com/" target="_blank">Blog</a> </li> <li> <a href="https://go.nationaljournal.com/podcasts.html" target="_blank">Podcasts</a> </li> </ul> </div> <div class="col-md-2-4 col-xs-6"> <ul> <li> <a href="https://www.nationaljournal.com/presentations">Presentation Center</a> </li> <li> <a href="https://www.nationaljournal.com/racetracker">Race Tracker</a> </li> <li> <a href="https://www.nationaljournal.com/almanac">Almanac</a> </li> <li> <a href="https://www.nationaljournal.com/daybook">Daybook</a> </li> </ul> </div> <div class="col-md-2-4 col-xs-6"> <ul> <li> <a href="https://www.nationaljournal.com/search/?type=memberdocument&type=memberevent&by=date">Government Affairs Insights</a> </li> <li> <a href="https://www.nationaljournal.com/daily">Daily</a> </li> <li> <a href="https://www.nationaljournal.com/hotline">Hotline</a> </li> <li> <a href="https://www.nationaljournal.com/magazine">Magazine Archives</a> </li> <li> <a href="https://www.nationaljournal.com/bp/617230/advertise-with-us">Advertise With Us</a> </li> <li> <a target="_blank" href="https://www.parsintl.com/publication/national-journal/">Reprints & Permissions</a> </li> </ul> </div> <div class="col-md-2-4 col-xs-6"> <ul> <li> <a href="https://www.nationaljournal.com/wia">Washington in the Information Age</a> </li> <li> <a href="https://www.nationaljournal.com/bp/617027/network-science-initiative">Network Science Initiative</a> </li> <li> <a href="https://www.nationaljournal.com/vignette/home">Vignette</a> </li> <li> <a href="https://www.nationaljournal.com/faq">FAQs</a> </li> </ul> </div> <div class="col-md-2-4 col-xs-6"> <ul> <li> <a href="https://www.nationaljournal.com/about">About</a> </li> <li> <a href="https://www.nationaljournal.com/bp/622711/press">Press</a> </li> <li> <a href="https://www.nationaljournal.com/staff">Staff</a> </li> <li> <a href="https://www.nationaljournal.com/privacy-policy">Privacy Policy</a> </li> <li> <a href="https://www.nationaljournal.com/terms-and-conditions">Terms & Conditions</a> </li> <li> <a href="https://www.atlanticmedia.com/careers">Atlantic Media/Careers</a> </li> </ul> </div> </div> </div> </div> <!-- End Footer Bottom --> <script> if ('block' == 'none') { document.getElementById('main-content').style.setProperty('width','100%','important') } else {} </script> <!-- LinkedIn Remarketing Tag --> <script type="text/javascript"> _linkedin_data_partner_id = "33562"; </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=33562&fmt=gif" /> </noscript> <script type="text/javascript" src="//munchkin.marketo.net//munchkin.js"></script><script>Munchkin.init('556-YEE-969', {customName: 'Interactive_Mapping', wsInfo: 'j1RR'});</script> <script type="text/javascript" src="/js/stripmkttok.js"></script></body> </html>