https://www.lebanonboro.com/contactus

1<!DOCTYPE html>
2<html ng-app="alphaModule">
3<head prefix="og: http://ogp.me/ns#">
4    <base href="/">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    
7
8    <title>The Official Website of The Borough of Lebanon, NJ - Index</title>
9
10    <!-- WEBSITE FAVICONS -->
11    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
12<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
13<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
14<link rel="manifest" href="/site.webmanifest">
15<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
16<meta name="msapplication-TileColor" content="#2b5797">
17<meta name="theme-color" content="#ffffff">
18
19    <!-- Bootstrap CDN -->
20    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
21
22    <!-- GENERAL CSS -->
23    <link href="/_Assets/css/default.min.css" rel="stylesheet"/>
24<link href="/_Assets/css/libs/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet"/>
25
26    
27
28    <!-- Add to Calendar -->
29    <link href="https://addtocalendar.com/atc/1.5/atc-style-blue.css" rel="stylesheet" type="text/css">
30
31    <!--[if IE 9]>
32        <style>
33         aside ul {
34            filter:none;
35        }
36        </style>
37    <![endif]-->
38    <!--[if IE]>
39        <style>
40        a.quick-links-tab {
41            right: 15px;
42        }
43        </style>
44    <![endif]-->
45    <!--[if lt IE 9]>
46        

46<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>

46
47        

47<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>

47
48    <![endif]-->
49    <!-- Google tag (gtag.js) -->

49
50    <script async src="https://www.googletagmanager.com/gtag/js?id=

50G-6TT8XSZWTJ

50"></script>
51    

51<script>
52        

52window.dataLayer = window.dataLayer || [];
53        function gtag() { dataLayer.push(arguments); }
54        gtag('js', new Date());
55
56        gtag('config', '

56G-6TT8XSZWTJ

56');
57    

57</script>

57
58
59    <!-- CDN FILES -->
60    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
61    

61<script src="https://use.fontawesome.com/f0b8f80fb4.js"></script>

61
62
63    <!-- Mailchimp Connection -->
64    

64<script id="mcjs">!function (c, h, i, m, p) { m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p) }(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/0eae9d8e3452582eb25cf16b4/8705817ddbea5a16502f96a9f.js");</script>

64
65
66</head>
67<body id="site-body">
68
69    <!-- NO JS WARNING -->
70    <noscript>
71        <div class="row" style="background-color:red; text-align:center; color:white; font-size:24px">You don't have javascript enabled. Please enable it...</div>
72    </noscript>
73
74    <!-- OVERLAY MASK -->
75    <div id="overlay" onclick="hideAllOverlayItems();"></div>
76
77    
78    <a id="quicklinks-btn" class="quick-links-tab">&nbsp;</a>
79
80    <!-- SIDEBAR QUICK LINKS -->
81    <create-quicklinks-sidebar></create-quicklinks-sidebar>
82    <!-- END: SIDEBAR QUICK LINKS -->
83    
84
85    <div class="container-fluid site-container" id="Home">
86        <div class="row site-header-wrap">
87
88            <header class="site-header" role="banner">
89                <!-- TICKER -->
90                <p class="ticker"></p>
91
92                <!-- LOGO -->
93                
94
95                <!-- MAIN MENU -->
96                <div id="main-menu-container">
97                    <create-menu-header title="Lebanon, NJ"></create-menu-header>
98                </div>
99
100                <!-- SEARCH BAR DESKTOP -->
101                <div id="search-bar-container">
102                    <div class="container" style="padding-top: 15px;">
103                        <!-- Google Custom Search Engine -->
104                        

104<script async src="https://cse.google.com/cse.js?cx=011695391928607892614:whkd63xw5ba"></script>

104
105                        <div class="gcse-searchbox-only"></div>
106                    </div>
107                </div>
108
109            </header>
110
111            
112            
113    
114
115<section class="row feature-wrap">
116    <div class="col-md-12 feature-img-interior">
117        <div class="container ">
118            <div class="row">
119                <div class="col-md-12 feature-bg">
120                    <img src="/_Assets/img/logo/website-inner-logo.png" class="img-responsive internal-logo" />
121                </div>
122            </div>
123        </div>
124    </div>
125</section>
126
127        </div>
128
129        <!--  -->
130        <main class="main-content" role="main">
131            <div class=" container ">
132                <!-- PAGE CONTENT -->
133                
134
135
136
137<div class="container page contact-us-page" ng-controller="contactFormCtrl">
138
139    <h2 class="title">Contact Us</h2>
140
141    <div class="row">
142        <!-- FORM -->
143        <div class="col-md-6" ng-init="recaptchaKey='6LdGubMUAAAAABW1w3reMz-Y0VyD0iJIk_SWbcrs'">
144
145            <form style="margin-top:20px;" ng-submit="processForm()">
146
147                <div ng-hide="showMessage">
148
149                    <div class="form-group">
150                        <label for="name">Your name</label>
151                        <input type="text" class="form-control" id="name" placeholder="Your name" ng-model="form.name" required>
152                    </div>
153                    <div class="form-group">
154                        <label for="address">Address</label>
155                        <input type="text" class="form-control" id="address" placeholder="Address" ng-model="form.address" required>
156                    </div>
157                    <div class="form-group">
158                        <label for="phone">Your phone</label>
159                        <input type="tel" class="form-control" id="phone" placeholder="Your phone" ng-model="form.phone" required>
160                    </div>
161                    <div class="form-group">
162                        <label for="email">Your email</label>
163                        <input type="email" class="form-control" id="email" placeholder="Email" ng-model="form.email" required>
164                    </div>
165
166                    <div>
167                        <div class="checkbox" ng-repeat="forward in forwardContacts">
168                            <label><input type="checkbox" checklist-model="form.forwards" checklist-value="forward.ID"> {{forward.Name}}</label>
169                        </div>
170                    </div>
171
172                    <div class="form-group">
173                        <label for="message">Your Message</label>
174                        <textarea class="form-control" id="message" rows="3" ng-model="form.message"></textarea>
175                    </div>
176
177                    <center>
178                        <div vc-recaptcha size="'compact'"
179                             theme="'light'"
180                             key="recaptchaKey"
181                             on-create="setWidgetId(widgetId)"
182                             on-success="setResponse(response)"
183                             on-expire="cbExpiration()"></div>
184                    </center>
185
186                    <button type="submit" class="btn btn-contact">Submit</button>
187                </div>
188                <div ng-show="showMessage">
189                    <div class="form-group">
190                        <h3>Message Sent Successfully</h3>
191                    </div>
192                </div>
193            </form>
194        </div>
195
196        <!-- CONTACT DETAILS -->
197        <div class="col-md-6">
198
199            <!-- Google Maps -->
200            <div class="google-maps">
201                <iframe width="600"
202                        height="450"
203                        frameborder="0" style="border:0"
204                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.493363241805!2d-74.83928578454007!3d40.64105374988967!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c38c50c4699643%3A0xb158a28e7e29e88e!2s6+High+St%2C+Lebanon%2C+NJ+08833!5e0!3m2!1sen!2sus!4v1565730579607!5m2!1sen!2sus"
205                        allowfullscreen></iframe>
206            </div>
207
208            <div>
209                <h4>The Borough of Lebanon, NJ</h4>
210                <p>
211                    6 High Street <br />
212                    Lebanon, New Jersey, 08833
213                </p>
214            </div>
215        </div>
216    </div>
217</div>
218
219                <!-- SIDEBARS -->
220                
221                
222                
223                
224                
225            </div>
226        </main>
227
228        
229
230        <!-- FOOTER -->
231        <footer class="row">
232            <div class="container">
233                <div class="row">
234                    <section class="col-md-4">
235                        <h3>Elected Officials</h3>
236                        <create-elected-widget></create-elected-widget>
237                    </section>
238
239                    <!-- FOOTER MENU -->
240                    <create-menu-footer title="Lebanon, NJ"></create-menu-footer>
241
242                    <!-- MEETINGS & CONTACT US MENU -->
243                    <section class="col-md-4">
244                        <h3>Meetings</h3>
245                        <ul>
246                            <li><a href="/Calendar">Upcoming Meetings</a></li>
247                            <li><a href="/Meetings">Archived Meetings</a></li>
248                        </ul>
249
250                        <h3>Contact Us</h3>
251                        <b>The Borough of Lebanon, NJ</b><br />
252                        <a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.493363241805!2d-74.83928578454007!3d40.64105374988967!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c38c50c4699643%3A0xb158a28e7e29e88e!2s6+High+St%2C+Lebanon%2C+NJ+08833!5e0!3m2!1sen!2sus!4v1565730579607!5m2!1sen!2sus" target="_blank">
253                            6 High Street<br />
254                            Lebanon,
255                            NJ,
256                            08833
257                        </a>
258                        <p>Tel: <a href="/Directory">View Directory</a></p>
259                    </section>
260
261                </div>
262                <div class="row credits">
263                    <hr />
264                    <div class="col-sm-8">
265                        © The Borough of Lebanon, NJ. All Rights Reserved. Developed by <a href="http://alphadogsolutions.

265com" target="_blank">AlphaDog Solutions</a>.
266                        <br />If you have any trouble with accessing information contained within this website, please contact the Clerk’s Office.
267                    </div>
268                    <div id="translate-btn-footer" class="col-sm-4">
269                        <a href="javascript:;" data-toggle="modal" data-target="#popup-translate"><i class="fa fa-globe"></i> Translate Website</a>
270                    </div>
271                </div>
272            </div>
273        </footer>
274    </div>
275
276    <!-- Popup GOOGLE TRANSLATE  -->
277    <div class="modal fade" id="popup-translate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
278        <div class="modal-dialog" role="document">
279            <div class="modal-content">
280                <div class="modal-header">
281                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
282                    <h1 class="modal-title" id="myModalLabel">Translate Website</h1>
283                </div>
284                <div class="modal-body">
285
286                    <!-- Google Translate Plugin -->
287                    <div id="google_translate_element"></div>
288                    

288<script type="text/javascript">
289                        function googleTranslateElementInit() {
290                            new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT }, 'google_translate_element');
291                        }
292                    </script>

292
293                    

293<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

293
294
295
296                </div>
297                <div class="modal-footer">
298                    <button type="button" class="btn btn-success" data-dismiss="modal">Ok</button>
299                </div>
300            </div>
301        </div>
302    </div>
303
304
305
306    
307    
308
309    <!-- jQuery CDN -->
310    

310<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

310
311    <!-- Bootstrap CDN -->
312    

312<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

312
313    

313<script src="/_Assets/js/bootstrap/libs/carousel.js"></script>

313
314
315
316    <!-- JS Components & Angular -->
317    

317<script src="/_Assets/js/jquery/libs/smartmenus/jquery.smartmenus.js"></script>

317

318<script src="/_Assets/js/jquery/libs/moment/moment.min.js"></script>

318

319<script src="/_Assets/js/jquery/libs/printThis/printThis.js"></script>

319

320<script src="/_Assets/js/jquery/libs/dragend/dragend.js"></script>

320
321
322    

322<script src="/_Assets/js/angular/angular.min.js"></script>

322

323<script src="/_Assets/js/angular/angular-sanitize.js"></script>

323

324<script src="/_Assets/js/angular/libs/bootstrap/ui-bootstrap-tpls-2.5.0.min.js"></script>

324

325<script src="/_Assets/js/angular/libs/recaptcha/angular-recaptcha.js"></script>

325

326<script src="/_Assets/js/angular/libs/slugify/angular-slugify.js"></script>

326

327<script src="/_Assets/js/angular/libs/moment/angular-moment.js"></script>

327

328<script src="/_Assets/js/angular/libs/fullcalendar/ui-fullcalendar.js"></script>

328

329<script src="/_Assets/js/angular/libs/checklist/checklist-model.js"></script>

329

330<script src="/_Assets/js/angular/app/app.module.js"></script>

330

331<script src="/_Assets/js/angular/app/app.filters.js"></script>

331

332<script src="/_Assets/js/angular/app/app.component.js"></script>

332

333<script src="/_Assets/js/angular/app/app.routes.js"></script>

333

334<script src="/_Assets/js/angular/app/shared/sidebar.controller.js"></script>

334

335<script src="/_Assets/js/angular/app/components/menu/menu.controller.js"></script>

335

336<script src="/_Assets/js/angular/app/components/article/article.controller.js"></script>

336

337<script src="/_Assets/js/angular/app/components/notice/notice.controller.js"></script>

337

338<script src="/_Assets/js/angular/app/components/event/event.controller.js"></script>

338

339<script src="/_Assets/js/angular/app/components/meeting/meeting.controller.js"></script>

339

340<script src="/_Assets/js/angular/app/components/directory/directory.controller.js"></script>

340

341<script src="/_Assets/js/angular/app/components/contact/contact.controller.js"></script>

341

342<script src="/_Assets/js/angular/app/components/contact-form/contact.form.controller.js"></script>

342

343<script src="/_Assets/js/angular/app/components/quicklinks/quicklinks.controller.js"></script>

343

344<script src="/_Assets/js/angular/app/components/faq/faq.controller.js"></script>

344

345<script src="/_Assets/js/angular/app/components/search/search.controller.js"></script>

345

346<script src="/_Assets/js/angular/app/components/budget/budget.controller.js"></script>

346

347<script src="/_Assets/js/angular/app/components/department/department.controller.js"></script>

347

348<script src="/_Assets/js/angular/app/components/elected-officials/elected.controller.js"></script>

348

349<script src="/_Assets/js/angular/app/components/slider/slider.controller.js"></script>

349

350<script src="/_Assets/js/angular/app/components/form/form.controller.js"></script>

350
351
352
353    <!-- JS Custom Files -->
354    

354<script src="/_Assets/js/jquery/libs/perfect-scrollbar/perfect-scrollbar.jquery.js"></script>

354

355<script src="/_Assets/js/default.js"></script>

355
356
357
358    
359
360    <!-- AddThis - Share feature - Go to www.addthis.com/dashboard to customize your tools -->
361    

361<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5978ba62bfd8c8ec"></script>

361
362
363    <!-- Accessibility Widget -->
364    
365
366    <!-- Free Widget Userway -->
367    

367<script>
368        (function (d) {
369            var s = d.createElement("script");
370            s.setAttribute("data-position", 5);
371            s.setAttribute("data-account", "Kxvp0TdiLc");
372            s.setAttribute("src", "https://cdn.userway.org/widget.js");
373            (d.body || d.head).appendChild(s);
374        })(document)
375    </script>

375
376    <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript>
377
378
379</body>
380</html>