1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 522 bytes, lines 5-13
5 6 (function(w, d, s, l, i) { 7 w[l] = w[l] || []; w[l].push({ 8 'gtm.start': 9 new Date().getTime(), event: 'gtm.js' 10 }); var f = d.getElementsByTagName(s)[0], 11 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 12 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 13 })(window, document, 'script', 'dataLayer', '
13GTM-TBBGB5P8
vendor: 3 bytes, line 13
13');
13</script>
13 14 <!-- End Google Tag Manager --> 15 <meta charset="UTF-8"> 16 <meta name="author" content="mangosigns"> 17 <meta name="description" content="MangoSigns App library integrates with hundreds of content providers, dashboard companies, social media platforms and more to bring relevant content to your signs."> 18 <meta itemprop="name" content="Digital Signage Apps and Integrations | MangoSigns"> 19 <meta itemprop="description" content="MangoSigns App library integrates with hundreds of content providers, dashboard companies, social media platforms and more to bring relevant content to your signs."> 20 <meta itemprop="image"> 21 <meta property="og:url" content="https://mangosigns.com/apps"> 22 <meta property="og:site_name" content="MangoSigns"> 23 <meta property="og:type" content="website"> 24 <meta property="og:title" content="Digital Signage Apps and Integrations | MangoSigns"> 25 <meta property="og:description" content="MangoSigns App library integrates with hundreds of content providers, dashboard companies, social media platforms and more to bring relevant content to your signs."> 26 <meta property="og:image"> 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta name="twitter:title" content="Digital Signage Apps and Integrations | MangoSigns"> 29 <meta name="twitter:description" content="MangoSigns App library integrates with hundreds of content providers, dashboard companies, social media platforms and more to bring relevant content to your signs."> 30 <meta name="twitter:image"> 31 <!-- For IE --> 32 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 33 <!-- For Responsive Device --> 34 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 35 <!-- For Window Tab Color --> 36 <!-- Chrome, Firefox OS and Opera --> 37 <meta name="theme-color" content="#233D63"> 38 <meta name="msapplication-navbutton-color" content="#233D63"> 39 <meta name="apple-mobile-web-app-status-bar-style" content="#233D63"> 40 <title>Digital Signage Apps and Integrations | MangoSigns</title> 41 <!-- Favicon --> 42 <link rel="icon" type="image/png" sizes="56x56" href="/redesign/images/fav-icon/icon.png"> 43 <link rel="canonical" href="https://mangosigns.com/apps"> 44 <link rel="preload" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,900,700|Playfair+Display:700" as="style"> 45 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,900,700|Playfair+Display:700"> 46 <link rel="preload" type="text/css" href="/redesign/fonts/circular-std/css/circular-std.css" as="style" onload="this.rel='stylesheet'"> 47 <link rel="preload" type="text/css" href="/redesign/vendor/bootstrap/css/bootstrap.min.css" as="style" onload="this.rel='stylesheet'"> 48 <link rel="preload" type="text/css" href="/redesign/vendor/mega-menu/assets/css/menu.css" as="style" onload="this.rel='stylesheet'"> 49 <link rel="preload" type="text/css" href="/redesign/fonts/font-awesome/css/font-awesome.min.css" as="style" onload="this.rel='stylesheet'"> 50 <link rel="preload" type="text/css" href="/redesign/vendor/owl-carousel/owl.carousel.css" as="style" onload="this.rel='stylesheet'"> 51 <link rel="preload" type="text/css" href="/redesign/vendor/owl-carousel/owl.theme.css" as="style" onload="this.rel='stylesheet'"> 52 <link rel="preload" type="text/css" href="/redesign/vendor/owl-carousel/animate.css" as="style" onload="this.rel='stylesheet'"> 53 <link rel="preload" type="text/css" href="/redesign/vendor/aos-next/dist/aos.css" as="style" onload="this.rel='stylesheet'"> 54 <link rel="preload" type="text/css" href="/redesign/vendor/fancybox/dist/jquery.fancybox.min.css" as="style" onload="this.rel='stylesheet'"> 55 <link rel="preload" type="text/css" href="/redesign/vendor/sanzzy-map/dist/snazzy-info-window.min.css" as="style" onload="this.rel='stylesheet'"> 56 <link rel="preload" type="text/css" href="/redesign/fonts/icon/font/flaticon.css" as="style" onload="this.rel='stylesheet'"> 57 <link rel="preload" type="text/css" href="/redesign/css/custom-animation.css" as="style" onload="this.rel='stylesheet'"> 58 <link rel="preload" type="text/css" href="/redesign/vendor/animated-headline-master/style.css" as="style" onload="this.rel='stylesheet'"> 59 <link rel="preload" type="text/css" href="/redesign/vendor/iziModal-master/iziModal.css" as="style" onload="this.rel='stylesheet'"> 60 <link rel="preload" type="text/css" href="/redesign/vendor/jquery-ui/jquery-ui.min.css" as="style" onload="this.rel='stylesheet'"> 61 <link rel="preload" type="text/css" href="/redesign/vendor/selectize.js/selectize.css" as="style" onload="this.rel='stylesheet'"> 62 <link rel="preload" type="text/css" href="/redesign/vendor/tabs/tabs.css" as="style" onload="this.rel='stylesheet'"> 63 <link rel="stylesheet" type="text/css" href="/redesign/css/style.css?v=dLUGRLhqRu1IEX--_WPzT4wWJ8rIZs86wTa5B9xiQ-Y"> 64 <link rel="stylesheet" type="text/css" href="/redesign/css/responsive.css?v=yj0F0NOJV1t6aDilwa99GHMUN4i6KsxbaOIM6MIixM0"> 65 <!-- Fix Internet Explorer ______________________________________--> 66 <!--[if lt IE 9]> 67
67<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
67 68
68<script src="redesign/vendor/html5shiv.js"></script>
68 69
69<script src="redesign/vendor/respond.js"></script>
69 70 <![endif]--> 71 72 <meta name="viewport" content="width=device-width, initial-scale=1"> 73 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> 74 <link rel="stylesheet" href="/css/site.min.css?v=mWobsDohmqNJY6OOT713XiFFtcWGP3Dj-gwfA4wzdcY" /> 75 <link rel="stylesheet" type="text/css" href="/hero/css/normalize.min.css" media="screen, print" /> 76 <link rel="stylesheet" type="text/css" href="/hero/css/smartslider.min.css" media="screen, print" /> 77 <style type="text/css"> 78 body { 79 font-family: 'CircularStd-book'; 80 font-weight: normal; 81 color: #57667e; 82 font-size: 17px; 83 position: relative; 84 top: 0 !important; 85 } 86 87 .mango-contact-banner .u-shape { 88 top: 0; 89 } 90 91 .mango-contact-banner .d-shape { 92 bottom: 5px; 93 } 94 95 section, footer { 96 padding: 0; 97 } 98 99 div#n2-ss-2 .n2-ss-button-container .n2-ow { 100 width: 185px; 101 line-height: 50px; 102 text-align: center; 103 border-radius: 3px; 104 color: #fff; 105 box-shadow: 0px 10px 40px 0px rgba(150,57,57,0.25); 106 background: linear-gradient( -135deg, rgb(191,108,255) 0%, rgb(144,65,255) 100%); 107 margin-right: 30px; 108 padding: 0; 109 } 110 111 div#n2-ss-2 .n2-ss-button-container .n2-ow:hover { 112 color: #fff; 113 background: #f569f8; 114 } 115 116 .main-page-wrapper { 117 background: linear-gradient(to bottom, RGBA(246,247,251,1) 0%,RGBA(196,209,226,1) 100%); 118 } 119 120 .n2-section-smartslider { 121 margin-top: 50px; 122 } 123 124 .n2-ss-spinner-simple-white-container { 125 position: absolute; 126 top: 50%; 127 left: 50%; 128 margin: -20px; 129 background: #fff; 130 width: 20px; 131 height: 20px; 132 padding: 10px; 133 border-radius: 50%; 134 z-index: 1000; 135 } 136 137 .n2-ss-spinner-simple-white { 138 outline: 1px solid RGBA(0,0,0,0); 139 width: 100%; 140 height: 100%; 141 } 142 143 .n2-ss-spinner-simple-white:before { 144 position: absolute; 145 top: 50%; 146 left: 50%; 147 width: 20px; 148 height: 20px; 149 margin-top: -11px; 150 margin-left: -11px; 151 } 152 153 .n2-ss-spinner-simple-white:not(:required):before { 154 content: ''; 155 border-radius: 50%; 156 border-top: 2px solid #333; 157 border-right: 2px solid transparent; 158 animation: n2SimpleWhite .6s linear infinite; 159 } 160 161 @keyframes n2SimpleWhite { 162 to { 163 transform: rotate(360deg); 164 } 165 }</style> 166 167
167<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
167 168 </head> 169 170 <body class="no-scroll-y"> 171 <!-- Google Tag Manager (noscript) -->
vendor: 91 bytes, lines 171-173
171 172 <noscript> 173 <iframe src="https://www.googletagmanager.com/ns.html?id=
173GTM-TBBGB5P8
vendor: 102 bytes, lines 173-175
173" height="0" width="0" style="display:none;visibility:hidden"></iframe> 174 </noscript> 175
175<!-- End Google Tag Manager (noscript) --> 176 <div class="main-page-wrapper"> 177 <section class="loader-sec"> 178 <div id="preloader"> 179 <div id="ctn-preloader" class="ctn-preloader"> 180 <div class="animation-preloader"> 181 <div class="spinner"></div> 182 <div class="txt-loading"> 183 <span data-text-preloader="M" class="letters-loading"> 184 M 185 </span> 186 <span data-text-preloader="A" class="letters-loading"> 187 A 188 </span> 189 <span data-text-preloader="N" class="letters-loading"> 190 N 191 </span> 192 <span data-text-preloader="G" class="letters-loading"> 193 G 194 </span> 195 <span data-text-preloader="O" class="letters-loading"> 196 O 197 </span> 198 <span data-text-preloader="S" class="letters-loading"> 199 S 200 </span> 201 <span data-text-preloader="I" class="letters-loading"> 202 I 203 </span> 204 <span data-text-preloader="G" class="letters-loading"> 205 G 206 </span> 207 <span data-text-preloader="N" class="letters-loading"> 208 N 209 </span> 210 <span data-text-preloader="S" class="letters-loading"> 211 S 212 </span> 213 </div> 214 </div> 215 </div> 216 </div> 217 </section> 218<div class="theme-main-menu theme-menu-one d-align-item" style="padding-top: 0 !important;"> 219 <div class="logo"> 220 <a href="/"> 221 <img src="/redesign/images/logo/mslogo.png" alt="MangoSigns logo"> 222 </a> 223 </div> 224 <nav id="mega-menu-holder" class="navbar navbar-expand-lg" style="height:100px;"> 225 <div class="ml-auto nav-container"> 226 <button class="navbar-toggler navbar-toggler-right" title="Menu Toggle" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 227 <i class="flaticon-setup"></i> 228 </button> 229 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 230 <ul class="navbar-nav"> 231 <li class="nav-item dropdown position-relative"> 232 <a class="nav-link dropdown-toggle" href="/features" data-toggle="dropdown">Product</a> 233 <ul class="dropdown-menu"> 234 <li><a href="/features" class="dropdown-item">Features</a></li> 235 <li><a href="/templates" class="dropdown-item">Templates</a></li> 236 <li><a href="/apps" class="dropdown-item">Apps</a></li> 237 <li><a href="/hardware" class="dropdown-item">Hardware</a></li> 238 </ul> 239 </li> 240 <li class="nav-item dropdown position-relative"> 241 <a class="nav-link dropdown-toggle" href="/pricing" data-toggle="dropdown">Industries</a> 242 <ul class="dropdown-menu"> 243 <li><a href="/industries/hotels" class="dropdown-item">Hotels</a></li> 244 <li><a href="/industries/corporate" class="dropdown-item">Offices</a></li> 245 <li><a href="/industries/restaurants" class="dropdown-item">Restaurants</a></li> 246 <li><a href="/industries/retail" class="dropdown-item">Retail</a></li> 247 <li><a href="/industries/healthcare" class="dropdown-item">Healthcare</a></li> 248 <li><a href="/industries/schools" class="dropdown-item">Schools</a></li> 249 </ul> 250 </li> 251 <li class="nav-item dropdown position-relative"> 252 <a class="nav-link dropdown-toggle" href="/pricing" data-toggle="dropdown">Pricing</a> 253 <ul class="dropdown-menu"> 254 <li><a href="/pricing" class="dropdown-item">Plans</a></li> 255 <li><a href="/pricing/hardware" class="dropdown-item">MangoSign Box</a></li> 256 </ul> 257 </li> 258 <li class="nav-item dropdown position-relative"> 259 <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Learn</a> 260 <ul class="dropdown-menu"> 261 <li><a href="/learn" class="dropdown-item">Video Tutorials</a></li> 262 <li><a rel="noreferrer" target="_blank" href="https://support.mangosigns.com" class="dropdown-item">Help Center</a></li> 263 </ul> 264 </li> 265 <li class="nav-item dropdown"> 266 <a href="/contact" class="nav-link">Contact</a> 267 </li> 268 <li class="login-button"><a href="/signup">Get Started</a></li> 269 <li class="login-button-two"><a class="login" href="/login">Login <i class="fa fa-angle-right" aria-hidden="true"></i></a></li> 270 </ul> 271 </div> 272 </div> 273 </nav> 274 <div class="header-right-widget hidden"> 275 <ul> 276 <li class="language-switcher"> 277 <div class="dropdown"> 278 <button type="button" class="dropdown-toggle lang-dd" data-toggle="dropdown"> 279 En 280 </button> 281 <div class="dropdown-menu dropdown-menu-right"> 282 <ul class="ct-language__dropdown"> 283 <li><a href="#googtrans(en|en)" class="lang-en lang-select" data-lang="en">English</a></li> 284 <li><a href="#googtrans(en|es)" class="lang-es lang-select" data-lang="es">Spanish</a></li> 285 <li><a href="#googtrans(en|fr)" class="lang-es lang-select" data-lang="fr">French</a></li> 286 <li><a href="#googtrans(en|zh-CN)" class="lang-es lang-select" data-lang="zh-CN">Chinese</a></li> 287 <li><a href="#googtrans(en|de)" class="lang-es lang-select" data-lang="de">German</a></li> 288 <li><a href="#googtrans(en|hi)" class="lang-es lang-select" data-lang="hi">Hindi</a></li> 289 </ul> 290 </div> 291 </div> 292 </li> 293 </ul> 294 </div> 295</div> 296
296<script type="application/ld+json"> 297 { 298 "@context": "https://schema.org", 299 "@type": "CollectionPage", 300 "name": "MangoSigns Digital Signage Apps and Integrations", 301 "description": "Browse the MangoSigns app library. Add menus, weather, countdowns, directories, social media and more to your digital signs.", 302 "url": "https://mangosigns.com/apps", 303 "isPartOf": { 304 "@type": "WebSite", 305 "name": "MangoSigns", 306 "url": "https://mangosigns.com" 307 } 308 } 309 </script>
309 310 311
311<script type="application/ld+json"> 312 { 313 "@context": "https://schema.org", 314 "@type": "BreadcrumbList", 315 "itemListElement": [ 316 { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://mangosigns.com" }, 317 { "@type": "ListItem", "position": 2, "name": "Apps", "item": "https://mangosigns.com/apps" } 318 ] 319 } 320 </script>
320 321 <div class="n2-section-smartslider " role="region" aria-label="Slider"> 322 <style type="text/css"> 323 div#n2-ss-2 { 324 width: 1300px; 325 float: left; 326 margin: 0px 0px 0px 0px; 327 } 328 329 html[dir="rtl"] div#n2-ss-2 { 330 float: right; 331 } 332 333 div#n2-ss-2 .n2-ss-slider-1 { 334 position: relative; 335 padding-top: 0px; 336 padding-right: 0px; 337 padding-bottom: 0px; 338 padding-left: 0px; 339 height: 500px; 340 border-style: solid; 341 border-width: 0px; 342 border-color: #3e3e3e; 343 border-color: RGBA(62,62,62,1); 344 border-radius: 0px; 345 background-clip: padding-box; 346 background-repeat: repeat; 347 background-position: 50% 50%; 348 background-size: cover; 349 background-attachment: scroll; 350 } 351 352 div#n2-ss-2 .n2-ss-slider-background-video-container { 353 position: absolute; 354 left: 0; 355 top: 0; 356 width: 100%; 357 height: 100%; 358 overflow: hidden; 359 } 360 361 div#n2-ss-2 .n2-ss-slider-2 { 362 position: relative; 363 width: 100%; 364 height: 100%; 365 } 366 367 .x-firefox div#n2-ss-2 .n2-ss-slider-2 { 368 opacity: 0.99999; 369 } 370 371 div#n2-ss-2 .n2-ss-slider-3 { 372 position: relative; 373 width: 100%; 374 height: 100%; 375 overflow: hidden; 376 outline: 1px solid rgba(0,0,0,0); 377 z-index: 10; 378 } 379 380 div#n2-ss-2 .n2-ss-slide-backgrounds, div#n2-ss-2 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-2 .n2-ss-slider-3 > .n2-ss-divider { 381 position: absolute; 382 left: 0; 383 top: 0; 384 width: 100%; 385 height: 100%; 386 } 387 388 div#n2-ss-2 .n2-ss-slide-backgrounds { 389 z-index: 10; 390 } 391 392 div#n2-ss-2 .n2-ss-slider-3 > .n-particles-js-canvas-el { 393 z-index: 12; 394 } 395 396 div#n2-ss-2 .n2-ss-slide-backgrounds > * { 397 overflow: hidden; 398 } 399 400 div#n2-ss-2 .n2-ss-slide { 401 position: absolute; 402 top: 0; 403 left: 0; 404 width: 100%; 405 height: 100%; 406 z-index: 20; 407 display: block; 408 -webkit-backface-visibility: hidden; 409 } 410 411 div#n2-ss-2 .n2-ss-layers-container { 412 position: relative; 413 width: 1300px; 414 height: 500px; 415 } 416 417 div#n2-ss-2 .n2-ss-parallax-clip > .n2-ss-layers-container { 418 position: absolute; 419 right: 0; 420 } 421 422 div#n2-ss-2 .n2-ss-slide { 423 perspective: 1000px; 424 } 425 426 div#n2-ss-2[data-ie] .n2-ss-slide { 427 perspective: none; 428 transform: perspective(1000px); 429 } 430 431 div#n2-ss-2 .n2-ss-slide-active { 432 z-index: 21; 433 } 434 435 div#n2-ss-2 .n2-ss-button-container, div#n2-ss-2 .n2-ss-button-container a { 436 display: inline-block; 437 } 438 439 div#n2-ss-2 .n2-ss-button-container.n2-ss-fullwidth, div#n2-ss-2 .n2-ss-button-container.n2-ss-fullwidth a { 440 display: block; 441 } 442 443 div#n2-ss-2 .n2-ss-button-container.n2-ss-nowrap { 444 white-space: nowrap; 445 } 446 447 div#n2-ss-2 .n2-ss-button-container a div { 448 display: inline; 449 font-size: inherit; 450 text-decoration: inherit; 451 color: inherit; 452 line-height: inherit; 453 font-family: inherit; 454 font-weight: inherit; 455 } 456 457 div#n2-ss-2 .n2-ss-button-container a > div { 458 display: inline-flex; 459 align-items: center; 460 vertical-align: top; 461 } 462 463 div#n2-ss-2 .n2-ss-button-container i { 464 font-size: 100%; 465 vertical-align: baseline; 466 } 467 468 div#n2-ss-2 .n2-ss-button-container a[data-iconplacement="left"] i { 469 margin-right: 0.3em; 470 } 471 472 div#n2-ss-2 .n2-ss-button-container a[data-iconplacement="right"] i { 473 margin-left: 0.3em; 474 } 475 476 div#n2-ss-2 .nextend-arrow { 477 cursor: pointer; 478 overflow: hidden; 479 line-height: 0 !important; 480 z-index: 20; 481 } 482 483 div#n2-ss-2 .nextend-arrow img { 484 position: relative; 485 min-height: 0; 486 min-width: 0; 487 vertical-align: top; 488 width: auto; 489 height: auto; 490 max-width: 100%; 491 max-height: 100%; 492 display: inline; 493 } 494 495 div#n2-ss-2 .nextend-arrow img.n2-arrow-hover-img { 496 display: none; 497 } 498 499 div#n2-ss-2 .nextend-arrow:HOVER img.n2-arrow-hover-img { 500 display: inline; 501 } 502 503 div#n2-ss-2 .nextend-arrow:HOVER img.n2-arrow-normal-img { 504 display: none; 505 } 506 507 div#n2-ss-2 .nextend-arrow-animated { 508 overflow: hidden; 509 } 510 511 div#n2-ss-2 .nextend-arrow-animated > div { 512 position: relative; 513 } 514 515 div#n2-ss-2 .nextend-arrow-animated .n2-active { 516 position: absolute; 517 } 518 519 div#n2-ss-2 .nextend-arrow-animated-fade { 520 transition: background 0.3s, opacity 0.4s; 521 } 522 523 div#n2-ss-2 .nextend-arrow-animated-horizontal > div { 524 transition: all 0.4s; 525 left: 0; 526 } 527 528 div#n2-ss-2 .nextend-arrow-animated-horizontal .n2-active { 529 top: 0; 530 } 531 532 div#n2-ss-2 .nextend-arrow-previous.nextend-arrow-animated-horizontal:HOVER > div, div#n2-ss-2 .nextend-arrow-next.nextend-arrow-animated-horizontal .n2-active { 533 left: -100%; 534 } 535 536 div#n2-ss-2 .nextend-arrow-previous.nextend-arrow-animated-horizontal .n2-active, div#n2-ss-2 .nextend-arrow-next.nextend-arrow-animated-horizontal:HOVER > div { 537 left: 100%; 538 } 539 540 div#n2-ss-2 .nextend-arrow.nextend-arrow-animated-horizontal:HOVER .n2-active { 541 left: 0; 542 } 543 544 div#n2-ss-2 .nextend-arrow-animated-vertical > div { 545 transition: all 0.4s; 546 top: 0; 547 } 548 549 div#n2-ss-2 .nextend-arrow-animated-vertical .n2-active { 550 left: 0; 551 } 552 553 div#n2-ss-2 .nextend-arrow-animated-vertical .n2-active { 554 top: -100%; 555 } 556 557 div#n2-ss-2 .nextend-arrow-animated-vertical:HOVER > div { 558 top: 100%; 559 } 560 561 div#n2-ss-2 .nextend-arrow-animated-vertical:HOVER .n2-active { 562 top: 0; 563 } 564 565 div#n2-ss-2 .n2-ss-control-bullet { 566 visibility: hidden; 567 text-align: center; 568 justify-content: center; 569 } 570 571 div#n2-ss-2 .n2-ss-control-bullet-horizontal.n2-ss-control-bullet-fullsize { 572 width: 100%; 573 } 574 575 div#n2-ss-2 .n2-ss-control-bullet-vertical.n2-ss-control-bullet-fullsize { 576 height: 100%; 577 flex-flow: column; 578 } 579 580 div#n2-ss-2 .nextend-bullet-bar { 581 display: inline-flex; 582 visibility: visible; 583 align-items: center; 584 flex-wrap: wrap; 585 } 586 587 div#n2-ss-2 .n2-bar-justify-content-left { 588 justify-content: flex-start; 589 } 590 591 div#n2-ss-2 .n2-bar-justify-content-center { 592 justify-content: center; 593 } 594 595 div#n2-ss-2 .n2-bar-justify-content-right { 596 justify-content: flex-end; 597 } 598 599 div#n2-ss-2 .n2-ss-control-bullet-vertical > .nextend-bullet-bar { 600 flex-flow: column; 601 } 602 603 div#n2-ss-2 .n2-ss-control-bullet-fullsize > .nextend-bullet-bar { 604 display: flex; 605 } 606 607 div#n2-ss-2 .n2-ss-control-bullet-horizontal.n2-ss-control-bullet-fullsize > .nextend-bullet-bar { 608 flex: 1 1 auto; 609 } 610 611 div#n2-ss-2 .n2-ss-control-bullet-vertical.n2-ss-control-bullet-fullsize > .nextend-bullet-bar { 612 height: 100%; 613 } 614 615 div#n2-ss-2 .nextend-bullet-bar .n2-bullet { 616 display: inline-block; 617 cursor: pointer; 618 transition: background-color 0.4s; 619 vertical-align: top; 620 } 621 622 div#n2-ss-2 .nextend-bullet-bar .n2-bullet.n2-active { 623 cursor: default; 624 } 625 626 div#n2-ss-2 div.n2-ss-bullet-thumbnail-container { 627 position: absolute; 628 opacity: 0; 629 z-index: 10000000; 630 } 631 632 div#n2-ss-2 .n2-ss-bullet-thumbnail-container .n2-ss-bullet-thumbnail { 633 background-size: cover; 634 background-repeat: no-repeat; 635 background-position: center; 636 } 637 638 div#n2-ss-2 .n2-ss-layer .n2-font-be0912688570c8cc48f9fbd41a85b311-hover { 639 font-family: 'Roboto'; 640 color: #3e3e3e; 641 font-size: 256.25%; 642 text-shadow: none; 643 line-height: 1.6; 644 font-weight: normal; 645 font-style: normal; 646 text-decoration: none; 647 text-align: inherit; 648 letter-spacing: normal; 649 word-spacing: normal; 650 text-transform: none; 651 font-weight: 300; 652 } 653 654 div#n2-ss-2 .n2-ss-layer .n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph { 655 font-family: 'Roboto'; 656 color: #81898d; 657 font-size: 112.5%; 658 text-shadow: none; 659 line-height: 1.6; 660 font-weight: normal; 661 font-style: normal; 662 text-decoration: none; 663 text-align: inherit; 664 letter-spacing: normal; 665 word-spacing: normal; 666 text-transform: none; 667 font-weight: 400; 668 } 669 670 div#n2-ss-2 .n2-ss-layer .n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph a, div#n2-ss-2 .n2-ss-layer .n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph a:FOCUS { 671 font-family: 'Roboto'; 672 color: #1890d7; 673 font-size: 100%; 674 text-shadow: none; 675 line-height: 1.6; 676 font-weight: normal; 677 font-style: normal; 678 text-decoration: none; 679 text-align: inherit; 680 letter-spacing: normal; 681 word-spacing: normal; 682 text-transform: none; 683 font-weight: 400; 684 } 685 686 div#n2-ss-2 .n2-ss-layer .n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph a:HOVER, div#n2-ss-2 .n2-ss-layer .n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph a:ACTIVE { 687 font-family: 'Roboto'; 688 color: #1890d7; 689 font-size: 100%; 690 text-shadow: none; 691 line-height: 1.6; 692 font-weight: normal; 693 font-style: normal; 694 text-decoration: none; 695 text-align: inherit; 696 letter-spacing: normal; 697 word-spacing: normal; 698 text-transform: none; 699 font-weight: 400; 700 } 701 702 div#n2-ss-2 .n2-font-ada5c08d3dc35eaead8043b67206f545-link a { 703 font-family: 'Roboto'; 704 color: #ffffff; 705 font-size: 87.5%; 706 text-shadow: none; 707 line-height: 1.5; 708 font-weight: normal; 709 font-style: normal; 710 text-decoration: none; 711 text-align: center; 712 letter-spacing: 2px; 713 word-spacing: normal; 714 text-transform: none; 715 font-weight: 700; 716 } 717 718 div#n2-ss-2 .n2-font-ada5c08d3dc35eaead8043b67206f545-link a:HOVER, div#n2-ss-2 .n2-font-ada5c08d3dc35eaead8043b67206f545-link a:ACTIVE, div#n2-ss-2 .n2-font-ada5c08d3dc35eaead8043b67206f545-link a:FOCUS { 719 color: #ffffff; 720 } 721 722 div#n2-ss-2 .n2-style-91a9eb786d405219ad07e559d7793c46-heading { 723 background: #007bd0; 724 opacity: 1;
725 padding: 1em 2em 1em 2em; 726 box-shadow: none; 727 border-width: 0px; 728 border-style: solid; 729 border-color: #000000; 730 border-color: RGBA(0,0,0,1); 731 border-radius: 3px; 732 } 733 734 div#n2-ss-2 .n2-style-91a9eb786d405219ad07e559d7793c46-heading:Hover, div#n2-ss-2 .n2-style-91a9eb786d405219ad07e559d7793c46-heading:ACTIVE, div#n2-ss-2 .n2-style-91a9eb786d405219ad07e559d7793c46-heading:FOCUS { 735 border-width: 0px; 736 border-style: solid; 737 border-color: #007bd0; 738 border-color: RGBA(0,123,208,0); 739 background: #ffffff; 740 background: RGBA(255,255,255,0.39); 741 } 742 743 div#n2-ss-2 .n2-style-a5ac73409aec7194f7f7f51dd1e76e04-heading { 744 background: #f9680b; 745 opacity: 1; 746 padding: 1em 2em 1em 2em; 747 box-shadow: none; 748 border-width: 0px; 749 border-style: solid; 750 border-color: #000000; 751 border-color: RGBA(0,0,0,1); 752 border-radius: 3px; 753 } 754 755 div#n2-ss-2 .n2-style-a5ac73409aec7194f7f7f51dd1e76e04-heading:Hover, div#n2-ss-2 .n2-style-a5ac73409aec7194f7f7f51dd1e76e04-heading:ACTIVE, div#n2-ss-2 .n2-style-a5ac73409aec7194f7f7f51dd1e76e04-heading:FOCUS { 756 border-width: 0px; 757 border-style: solid; 758 border-color: #007bd0; 759 border-color: RGBA(0,123,208,0); 760 background: #ffffff; 761 background: RGBA(255,255,255,0.39); 762 } 763 764 div#n2-ss-2 .n2-style-f114e7eaf3af04a90cc3254c3fe51d04-heading { 765 background: #5cba3c; 766 opacity: 1; 767 padding: 1em 2em 1em 2em; 768 box-shadow: none; 769 border-width: 0px; 770 border-style: solid; 771 border-color: #000000; 772 border-color: RGBA(0,0,0,1); 773 border-radius: 3px; 774 } 775 776 div#n2-ss-2 .n2-style-f114e7eaf3af04a90cc3254c3fe51d04-heading:Hover, div#n2-ss-2 .n2-style-f114e7eaf3af04a90cc3254c3fe51d04-heading:ACTIVE, div#n2-ss-2 .n2-style-f114e7eaf3af04a90cc3254c3fe51d04-heading:FOCUS { 777 border-width: 0px; 778 border-style: solid; 779 border-color: #007bd0; 780 border-color: RGBA(0,123,208,0); 781 background: #ffffff; 782 background: RGBA(255,255,255,0.39); 783 } 784 785 div#n2-ss-2 .n2-style-8188ce75599b24a3b9511755fa7d249e-heading { 786 background: #00c1c4; 787 opacity: 1; 788 padding: 1em 2em 1em 2em; 789 box-shadow: none; 790 border-width: 0px; 791 border-style: solid; 792 border-color: #000000; 793 border-color: RGBA(0,0,0,1); 794 border-radius: 3px; 795 } 796 797 div#n2-ss-2 .n2-style-8188ce75599b24a3b9511755fa7d249e-heading:Hover, div#n2-ss-2 .n2-style-8188ce75599b24a3b9511755fa7d249e-heading:ACTIVE, div#n2-ss-2 .n2-style-8188ce75599b24a3b9511755fa7d249e-heading:FOCUS { 798 border-width: 0px; 799 border-style: solid; 800 border-color: #007bd0; 801 border-color: RGBA(0,123,208,0); 802 background: #ffffff; 803 background: RGBA(255,255,255,0.39); 804 } 805 806 div#n2-ss-2 .n2-style-f278eba2e88378b4ea161da546605479-dot { 807 background: #000000; 808 background: RGBA(0,0,0,0.5); 809 opacity: 1;
810 padding: 5px 5px 5px 5px; 811 box-shadow: none; 812 border-width: 0px; 813 border-style: solid; 814 border-color: #000000; 815 border-color: RGBA(0,0,0,1); 816 border-radius: 3px; 817 margin: 4px; 818 } 819 820 div#n2-ss-2 .n2-style-f278eba2e88378b4ea161da546605479-dot.n2-active, div#n2-ss-2 .n2-style-f278eba2e88378b4ea161da546605479-dot:HOVER { 821 background: #000000; 822 background: RGBA(0,0,0,0.8); 823 }</style><div id="n2-ss-2-align" class="n2-ss-align"> 824 <div class="n2-padding"> 825 <div id="n2-ss-2" data-creator="Smart Slider 3" class="n2-ss-slider n2-ow n2-has-hover n2notransition n2-ss-load-fade " data-minFontSizedesktopPortrait="1" data-minFontSizedesktopLandscape="1" data-minFontSizetabletPortrait="1" data-minFontSizetabletLandscape="1" data-minFontSizemobilePortrait="1" data-minFontSizemobileLandscape="1" style="font-size: 16px;" data-fontsize="16"> 826 <div class="n2-ss-slider-1 n2-ss-swipe-element n2-ow" style=""> 827 <div class="n2-ss-slider-2 n2-ow"> 828 <div class="n2-ss-slider-3 n2-ow" style=""> 829 830 <div class="n2-ss-slide-backgrounds"></div><div data-first="1" data-slide-duration="0" data-id="16" data-title="Menu App" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-16"> 831 <div class="n2-ss-slide-background n2-ow" data-mode="fill"><div class="n2-ss-slide-background-color" style="background:linear-gradient(to bottom, RGBA(246,247,251,1) 0%,RGBA(196,209,226,1) 100%);"></div></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""> 832 <div class="n2-ss-layer n2-ow n-uc-TMTROQXkcbAp" style="overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-pm="content" data-desktopportraitpadding="10|*|20|*|10|*|40|*|px+" data-mobileportraitpadding="20|*|20|*|20|*|20|*|px+" data-desktopportraitinneralign="left" data-sstype="content" data-hasbackground="0" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="1" data-desktopportraitfontsize="100" data-plugin="rendered"> 833 <div class="n2-ss-section-main-content n2-ss-layer-content n2-ow n-uc-TMTROQXkcbAp-inner" style="padding:0.625em 1.25em 0.625em 2.5em ;" data-verticalalign="center"> 834 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-frontend-fullwidth="1" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-csstextalign="inherit" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitgutter="0" data-mobileportraitgutter="10" data-desktopportraitwrapafter="0" data-mobileportraitwrapafter="1" data-mobilelandscapewrapafter="1" data-desktopportraitinneralign="inherit" data-sstype="row" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 835 <div class="n2-ss-layer-row " style="padding:0em 0em 0em 0em ;"> 836 <div class="n2-ss-layer-row-inner "> 837 <div class="n2-ss-layer n2-ow" style="width: 36%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="30|*|30|*|30|*|30|*|px+" data-desktopportraitinneralign="left" data-mobileportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="2" data-colwidthpercent="36" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 838 <div class="n2-ss-layer-col n2-ss-layer-content" style="padding:1.875em 1.875em 1.875em 1.875em ;" data-verticalalign="center"> 839 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;max-width: 90px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="90" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/menus.png" id="n2-ss-2item1" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="70" data-plugin="rendered"><h2 id="n2-ss-2item2" class="n2-font-be0912688570c8cc48f9fbd41a85b311-hover n2-ss-item-content n2-ow" style="display:inline-block;">Menu App</h2></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 1.875em 0em ;max-width: 445px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|30|*|0|*|px+" data-mobileportraitmargin="0|*|0|*|10|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="445" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="60" data-plugin="rendered"> 840 <div class="n2-ss-item-content n2-ow"> 841 <div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"> 842 <p class="n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph n2-ow">
842Choose from multiple menu formats, edit them right in your browser with our easy to use Slide Editor. No other apps or tools required.</p> 843 </div> 844 </div> 845 </div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-mobileportraitfontsize="80" data-plugin="rendered"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-ada5c08d3dc35eaead8043b67206f545-link n2-ss-nowrap"><a class="n2-style-91a9eb786d405219ad07e559d7793c46-heading n2-ow " target="_blank" href="https://mangosigns.com/SignUp"><div><div>Start Free Trial</div></div></a></div></div> 846 </div> 847 </div><div class="n2-ss-layer n2-ow" style="width: 64%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="center" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="1" data-colwidthpercent="64" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ss-layer-col n2-ss-layer-content" style="padding:0em 0em 0em 0em ;" data-verticalalign="center"><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/menur.png" id="n2-ss-2item5" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div></div></div> 848 </div> 849 </div> 850 </div> 851 </div> 852 </div> 853 </div> 854 </div><div data-slide-duration="0" data-id="24" data-title="Weather App" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-24"> 855 <div class="n2-ss-slide-background n2-ow" data-mode="fill"><div class="n2-ss-slide-background-color" style="background:linear-gradient(to bottom, RGBA(246,247,251,1) 0%,RGBA(196,209,226,1) 100%);"></div></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""> 856 <div class="n2-ss-layer n2-ow n-uc-G6DkiUoR31a5" style="overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-pm="content" data-desktopportraitpadding="10|*|20|*|10|*|40|*|px+" data-mobileportraitpadding="20|*|20|*|20|*|20|*|px+" data-desktopportraitinneralign="left" data-sstype="content" data-hasbackground="0" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="1" data-desktopportraitfontsize="100" data-plugin="rendered"> 857 <div class="n2-ss-section-main-content n2-ss-layer-content n2-ow n-uc-G6DkiUoR31a5-inner" style="padding:0.625em 1.25em 0.625em 2.5em ;" data-verticalalign="center"> 858 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-frontend-fullwidth="1" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-csstextalign="inherit" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitgutter="0" data-mobileportraitgutter="10" data-desktopportraitwrapafter="0" data-mobileportraitwrapafter="1" data-mobilelandscapewrapafter="1" data-desktopportraitinneralign="inherit" data-sstype="row" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 859 <div class="n2-ss-layer-row " style="padding:0em 0em 0em 0em ;"> 860 <div class="n2-ss-layer-row-inner "> 861 <div class="n2-ss-layer n2-ow" style="width: 36%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="30|*|30|*|30|*|30|*|px+" data-desktopportraitinneralign="left" data-mobileportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="2" data-colwidthpercent="36" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 862 <div class="n2-ss-layer-col n2-ss-layer-content" style="padding:1.875em 1.875em 1.875em 1.875em ;" data-verticalalign="center"> 863 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;max-width: 90px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="90" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/weather.png" id="n2-ss-2item6" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="70" data-plugin="rendered"><h2 id="n2-ss-2item7" class="n2-font-be0912688570c8cc48f9fbd41a85b311-hover n2-ss-item-content n2-ow" style="display:inline-block;">Weather App</h2></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 1.875em 0em ;max-width: 445px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|30|*|0|*|px+" data-mobileportraitmargin="0|*|0|*|10|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="445" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="60" data-plugin="rendered"> 864 <div class="n2-ss-item-content n2-ow"> 865 <div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"> 866 <p class="n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph n2-ow">Display up to date weather information for your area, or the location of your choice with our flexible weather app. Add weather to any slide in a variety of formats that can be customized.</p> 867 </div> 868 </div> 869 </div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-mobileportraitfontsize="80" data-plugin="rendered"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-ada5c08d3dc35eaead8043b67206f545-link n2-ss-nowrap"><a class="n2-style-a5ac73409aec7194f7f7f51dd1e76e04-heading n2-ow " target="_blank" href="https://mangosigns.com/SignUp"><div><div>Start Free Trial</div></div></a></div></div> 870 </div> 871 </div><div class="n2-ss-layer n2-ow" style="width: 64%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="center" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="1" data-colwidthpercent="64" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ss-layer-col n2-ss-layer-content" style="padding:0em 0em 0em 0em ;" data-verticalalign="center"><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/weatherr-6.png" id="n2-ss-2item10" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div></div></div> 872 </div> 873 </div> 874 </div> 875 </div> 876 </div> 877 </div> 878 </div>
878<div data-slide-duration="0" data-id="18" data-title="Countdown App" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-18"> 879 <div class="n2-ss-slide-background n2-ow" data-mode="fill"><div class="n2-ss-slide-background-color" style="background:linear-gradient(to bottom, RGBA(246,247,251,1) 0%,RGBA(196,209,226,1) 100%);"></div></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""> 880 <div class="n2-ss-layer n2-ow n-uc-8lR3rsqc4D7a" style="overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-pm="content" data-desktopportraitpadding="10|*|20|*|10|*|40|*|px+" data-mobileportraitpadding="20|*|20|*|20|*|20|*|px+" data-desktopportraitinneralign="left" data-sstype="content" data-hasbackground="0" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="1" data-desktopportraitfontsize="100" data-plugin="rendered"> 881 <div class="n2-ss-section-main-content n2-ss-layer-content n2-ow n-uc-8lR3rsqc4D7a-inner" style="padding:0.625em 1.25em 0.625em 2.5em ;" data-verticalalign="center"> 882 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-frontend-fullwidth="1" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-csstextalign="inherit" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitgutter="0" data-mobileportraitgutter="10" data-desktopportraitwrapafter="0" data-mobileportraitwrapafter="1" data-mobilelandscapewrapafter="1" data-desktopportraitinneralign="inherit" data-sstype="row" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 883 <div class="n2-ss-layer-row " style="padding:0em 0em 0em 0em ;"> 884 <div class="n2-ss-layer-row-inner "> 885 <div class="n2-ss-layer n2-ow" style="width: 36%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="30|*|30|*|30|*|30|*|px+" data-desktopportraitinneralign="left" data-mobileportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="2" data-colwidthpercent="36" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 886 <div class="n2-ss-layer-col n2-ss-layer-content" style="padding:1.875em 1.875em 1.875em 1.875em ;" data-verticalalign="center"> 887 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;max-width: 90px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="90" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/counter.png" id="n2-ss-2item11" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="70" data-plugin="rendered"><h2 id="n2-ss-2item12" class="n2-font-be0912688570c8cc48f9fbd41a85b311-hover n2-ss-item-content n2-ow" style="display:inline-block;">Count Up/Down App</h2></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 1.875em 0em ;max-width: 445px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|30|*|0|*|px+" data-mobileportraitmargin="0|*|0|*|10|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="445" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="60" data-plugin="rendered"> 888 <div class="n2-ss-item-content n2-ow"> 889 <div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"> 890 <p class="n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph n2-ow">Add the Count up/down app to your slides to show a real time countdown to an event, or time since an event occurred. Multiple formats and animations available that can all be customized.</p> 891 </div> 892 </div> 893 </div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-mobileportraitfontsize="80" data-plugin="rendered"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-ada5c08d3dc35eaead8043b67206f545-link n2-ss-nowrap"><a class="n2-style-f114e7eaf3af04a90cc3254c3fe51d04-heading n2-ow " target="_blank" href="https://mangosigns.com/SignUp"><div><div>Start Free Trial</div></div></a></div></div> 894 </div> 895 </div><div class="n2-ss-layer n2-ow" style="width: 64%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="center" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="1" data-colwidthpercent="64" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ss-layer-col n2-ss-layer-content" style="padding:0em 0em 0em 0em ;" data-verticalalign="center"><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/counterr-2.png" id="n2-ss-2item15" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div></div></div> 896 </div> 897 </div> 898 </div> 899 </div> 900 </div> 901</div> 902</div>
902<div data-slide-duration="0" data-id="20" data-title="Directory App" style="" class=" n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-20"> 903<div class="n2-ss-slide-background n2-ow" data-mode="fill"><div class="n2-ss-slide-background-color" style="background:linear-gradient(to bottom, RGBA(246,247,251,1) 0%,RGBA(196,209,226,1) 100%);"></div></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""> 904<div class="n2-ss-layer n2-ow n-uc-xgbjmDkxf7tJ" style="overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-pm="content" data-desktopportraitpadding="10|*|20|*|10|*|40|*|px+" data-mobileportraitpadding="20|*|20|*|20|*|20|*|px+" data-desktopportraitinneralign="left" data-sstype="content" data-hasbackground="0" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="1" data-desktopportraitfontsize="100" data-plugin="rendered"> 905 <div class="n2-ss-section-main-content n2-ss-layer-content n2-ow n-uc-xgbjmDkxf7tJ-inner" style="padding:0.625em 1.25em 0.625em 2.5em ;" data-verticalalign="center"> 906 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-frontend-fullwidth="1" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-csstextalign="inherit" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitgutter="0" data-mobileportraitgutter="10" data-desktopportraitwrapafter="0" data-mobileportraitwrapafter="1" data-mobilelandscapewrapafter="1" data-desktopportraitinneralign="inherit" data-sstype="row" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 907 <div class="n2-ss-layer-row " style="padding:0em 0em 0em 0em ;"> 908 <div class="n2-ss-layer-row-inner "> 909 <div class="n2-ss-layer n2-ow" style="width: 36%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="left" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="30|*|30|*|30|*|30|*|px+" data-desktopportraitinneralign="left" data-mobileportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="2" data-colwidthpercent="36" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"> 910 <div class="n2-ss-layer-col n2-ss-layer-content" style="padding:1.875em 1.875em 1.875em 1.875em ;" data-verticalalign="center"> 911 <div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;max-width: 90px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="90" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/directory.png" id="n2-ss-2item16" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="70" data-plugin="rendered"><h2 id="n2-ss-2item17" class="n2-font-be0912688570c8cc48f9fbd41a85b311-hover n2-ss-item-content n2-ow" style="display:inline-block;">Directory App</h2></div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 1.875em 0em ;max-width: 445px;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|30|*|0|*|px+" data-mobileportraitmargin="0|*|0|*|10|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="1" data-desktopportraitmaxwidth="445" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-tabletportraitfontsize="80" data-mobileportraitfontsize="60" data-plugin="rendered"> 912 <div class="n2-ss-item-content n2-ow"> 913 <div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"> 914 <p class="n2-font-a95f97a4652805d7db62a4b6d8aef746-paragraph n2-ow">Step into the digital age and update your static directories with a digital directory. Choose from several available templates, or create your own. Update the directory in seconds through your browser instead of slow costly manual updates.</p> 915 </div> 916 </div> 917 </div><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-mobileportraitfontsize="80" data-plugin="rendered"><div class="n2-ss-button-container n2-ss-item-content n2-ow n2-font-ada5c08d3dc35eaead8043b67206f545-link n2-ss-nowrap"><a class="n2-style-8188ce75599b24a3b9511755fa7d249e-heading n2-ow " target="_blank" href="https://mangosigns.com/SignUp"><div><div>Start Free Trial</div></div></a></div></div> 918 </div> 919 </div><div class="n2-ss-layer n2-ow" style="width: 64%;margin-right: 0px;margin-top: 0px;overflow:visible;" data-csstextalign="center" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-pm="default" data-desktopportraitpadding="0|*|0|*|0|*|0|*|px+" data-desktopportraitinneralign="center" data-desktopportraitorder="0" data-mobileportraitorder="1" data-colwidthpercent="64" data-sstype="col" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ss-layer-col n2-ss-layer-content" style="padding:0em 0em 0em 0em ;" data-verticalalign="center"><div class="n2-ss-layer n2-ow" style="margin:0em 0em 0em 0em ;overflow:visible;" data-pm="normal" data-desktopportraitmargin="0|*|0|*|0|*|0|*|px+" data-desktopportraitheight="0" data-has-maxwidth="0" data-desktopportraitmaxwidth="0" data-cssselfalign="inherit" data-desktopportraitselfalign="inherit" data-sstype="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class=" n2-ss-img-wrapper n2-ss-item-content n2-ow" style="overflow:hidden;"><img src="/hero/images/directoryr-3.png" id="n2-ss-2item20" alt="" style="display: inline-block; max-width: 100%; width: auto;height: auto;" class=" n2-ow" data-no-lazy="1" data-hack="data-lazy-src" /></div></div></div></div> 920 </div> 921 </div> 922 </div> 923</div> 924</div> 925</div> 926</div> 927</div> 928</div> 929<div data-ssleft="0+5" data-sstop="height/2-previousheight/2" id="n2-ss-2-arrow-previous" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile nextend-arrow n2-ow nextend-arrow-previous nextend-arrow-animated-fade n2-ib" style="position: absolute;" role="button" aria-label="Previous slide" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDMzIDE1Ljk5MkwyMi42OSA1LjcxMmMuMzkzLS4zOS4zOTMtMS4wMyAwLTEuNDItLjM5My0uMzktMS4wMy0uMzktMS40MjMgMGwtMTEuOTggMTAuOTRjLS4yMS4yMS0uMy4
9290OS0uMjg1Ljc2LS4wMTUuMjguMDc1LjU2LjI4NC43N2wxMS45OCAxMC45NGMuMzkzLjM5IDEuMDMuMzkgMS40MjQgMCAuMzkzLS40LjM5My0xLjAzIDAtMS40MmwtMTEuMjU3LTEwLjI5IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==" alt="previous arrow" /></div> 930<div data-ssright="0+5" data-sstop="height/2-nextheight/2" id="n2-ss-2-arrow-next" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile nextend-arrow n2-ow nextend-arrow-next nextend-arrow-animated-fade n2-ib" style="position: absolute;" role="button" aria-label="Next slide" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNzIyIDQuMjkzYy0uMzk0LS4zOS0xLjAzMi0uMzktMS40MjcgMC0uMzkzLjM5LS4zOTMgMS4wMyAwIDEuNDJsMTEuMjgzIDEwLjI4LTExLjI4MyAxMC4yOWMtLjM5My4zOS0uMzkzIDEuMDIgMCAxLjQyLjM5NS4zOSAxLjAzMy4zOSAxLjQyNyAwbDEyLjAwNy0xMC45NGMuMjEtLjIxLjMtLjQ5LjI4NC0uNzcuMDE0LS4yNy0uMDc2LS41NS0uMjg2LS43NkwxMC43MiA0LjI5M3oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+" alt="next arrow" /></div> 931<div data-ssleft="0+10" data-ssbottom="0+10" data-offset="10" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile n2-flex n2-ss-control-bullet n2-ss-control-bullet-horizontal" style="position: absolute;"><div class=" nextend-bullet-bar n2-ow n2-bar-justify-content-center"></div></div> 932</div> 933</div><div class="n2-clear"></div><div id="n2-ss-2-spinner" style="display: none;"><div><div class="n2-ss-spinner-simple-white-container"><div class="n2-ss-spinner-simple-white"></div></div></div></div> 934</div> 935</div><div id="n2-ss-2-placeholder" style="position: relative;z-index:2;background-color:RGBA(0,0,0,0);max-height:500px; background-color:RGBA(255,255,255,0);"><img style="width: 100%; max-width:10000px; display: block;opacity:0;margin:0px;" class="n2-ow" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjEzMDAiIGhlaWdodD0iNTAwIiA+PC9zdmc+" alt="Slider" /></div> 936</div> 937 938 939<section class="text-center bg--poly"> 940 <div class="container"> 941 <div class="row"> 942 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 padding-top-40"> 943 <h1>Choose from a growing list of Apps/Integrations that will keep your screens fresh</h1> 944 </div> 945 </div> 946 </div> 947</section> 948<section class="bg--secondary space--sm text-center"> 949 <div class="container"> 950 <div class="row"> 951 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 952 <h2>Basic Plan Apps</h2> 953 <p class="lead"> 954 The following apps are included in the Basic plan as well as the Premium and Enterprise Plans. Create powerful content using these apps below and bring your signs to life. 955 </p> 956 </div> 957 </div> 958 </div> 959</section> 960<section class="bg--secondary space--sm text-center"> 961 <div class="container"> 962 <div class="row"> 963 <div class="col-sm-12 text-center"> 964 <div class="masonry"> 965 <div class="masonry__container"> 966 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="animated-text"> 967 <div class="tile-basic app-tile"> 968 <div class="tile-image"> 969 <img src="https://content.mangosigns.com/apps/animated-text/logo3.png" alt="Animations app icon"> 970 </div> 971 <div class="tile-content app-listing"> 972 <h3 class="tile-title">Animations</h3> 973 <p>Animate your Text, Images, Videos and pretty much anything with the MangoSigns slide editor.</p> 974 </div> 975 </div> 976 </div> 977 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="canva"> 978 <div class="tile-basic app-tile"> 979 <div class="tile-image"> 980 <img src="https://content.mangosigns.com/apps/canva/logo3.png" alt="Canva app icon"> 981 </div> 982 <div class="tile-content app-listing"> 983 <h3 class="tile-title">Canva</h3> 984 <p>Mango Signs with the Canva app allows you to use Canva to design your sign content in your MangoSigns account. Edit in Canva and save to your signs.</p> 985 </div> 986 </div> 987 </div> 988 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="current-time"> 989 <div class="tile-basic app-tile"> 990 <div class="tile-image"> 991 <img src="https://content.mangosigns.com/apps/current-time/logo3.png" alt="Current Date/Time app icon"> 992 </div> 993 <div class="tile-content app-listing"> 994 <h3 class="tile-title">Current Date/Time</h3> 995 <p>Mango Signs with the Current Date/Time app allows you to display the current date or time at the location of your signs. You can customize the fonts and date or time format to your liking.</p> 996 </div> 997 </div> 998 </div> 999 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="directory"> 1000 <div class="tile-basic app-tile"> 1001 <div class="tile-image"> 1002 <img src="https://content.mangosigns.com/apps/directory/logo3.png" alt="Directory app icon"> 1003 </div> 1004 <div class="tile-content app-listing"> 1005 <h3 class="tile-title">Directory</h3> 1006 <p>Mango Signs with the Directory app lets you quickly build a directory, price sheet, or even event listing. Customize the number of rows, columns and select your fonts, styles and even add animations.</p> 1007 </div> 1008 </div> 1009 </div> 1010 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="google-drive"> 1011 <div class="tile-basic app-tile"> 1012 <div class="tile-image"> 1013 <img src="https://content.mangosigns.com/apps/google-drive/logo3.png" alt="Google Drive app icon"> 1014 </div> 1015 <div class="tile-content app-listing"> 1016 <h3 class="tile-title">Google Drive</h3> 1017 <p>Mango Signs with the Google Drive app allows you to upload images and content right from your google drive to show on your digital signs. </p> 1018 </div> 1019 </div> 1020 </div> 1021 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="images"> 1022 <div class="tile-basic app-tile"> 1023 <div class="tile-image"> 1024 <img src="https://content.mangosigns.com/apps/images/logo3.png" alt="Images app icon"> 1025 </div> 1026 <div class="tile-content app-listing"> 1027 <h3 class="tile-title">Images</h3> 1028 <p>Mango Signs with the Images app allows you to upload your own images to show on your digital signage. Our drag and drop editor allows you to resize, rotate, crop add borders and even effects and animations to your images.</p> 1029 </div> 1030 </div> 1031 </div> 1032 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="fonts"> 1033 <div class="tile-basic app-tile"> 1034 <div class="tile-image"> 1035 <img src="https://content.mangosigns.com/apps/fonts/logo3.png" alt="Mango Fonts app icon"> 1036 </div> 1037 <div class="tile-content app-listing"> 1038 <h3 class="tile-title">Mango Fonts</h3> 1039 <p>Mango Signs with the Fonts app allows you to choose from hundreds of fonts, or upload your own and customize to your liking. Animations can be added to the fonts so that they fly in, add emphasis and even animate out based on your set timings</p> 1040 </div> 1041 </div> 1042 </div> 1043 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="menus"> 1044 <div class="tile-basic app-tile"> 1045 <div class="tile-image"> 1046 <img src="https://content.mangosigns.com/apps/menus/logo3.png" alt="Menus app icon"> 1047 </div> 1048 <div class="tile-content app-listing"> 1049 <h3 class="tile-title">Menus</h3> 1050 <p>Mango Signs with the Menu app lets you easily create menus in multiple formats on your signs. Customize the font sizes and styles to match your brand.</p> 1051 </div> 1052 </div> 1053 </div> 1054 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="motion-graphics"> 1055 <div class="tile-basic app-tile"> 1056 <div class="tile-image"> 1057 <img src="https://content.mangosigns.com/apps/motion-graphics/logo3.png" alt="Motion Graphics app icon"> 1058 </div> 1059 <div class="tile-content app-listing"> 1060 <h3 class="tile-title">Motion Graphics</h3> 1061 <p>Add some extra flair to your slides with the ability to add Animated images and stickers to your signs. Choose from your own animated images or add one from our browsable Giphy integration.</p> 1062 </div> 1063 </div> 1064 </div> 1065 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="pixabay"> 1066 <div class="tile-basic app-tile"> 1067 <div class="tile-image"> 1068 <img src="https://content.mangosigns.com/apps/pixabay/logo3.png" alt="Pixabay app icon"> 1069 </div> 1070 <div class="tile-content app-listing"> 1071 <h3 class="tile-title">Pixabay</h3> 1072 <p>Mango Signs with the Pixabay app lets you search through hundreds of thousands of royalty free high quality photos and images for use on your digital signage.</p> 1073 </div> 1074 </div> 1075 </div> 1076 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="qr"> 1077 <div class="tile-basic app-tile"> 1078 <div class="tile-image"> 1079 <img src="https://content.mangosigns.com/apps/qr/logo3.png" alt="QR Codes app icon"> 1080 </div> 1081 <div class="tile-content app-listing"> 1082 <h3 class="tile-title">QR Codes</h3> 1083 <p>Mango Signs with the QR Code app allows you to use dynamic QR codes on your digital signs. Allow guests, customers or employees to scan QR codes and access content on their phones.</p> 1084 </div> 1085 </div> 1086 </div> 1087 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="shapes"> 1088 <div class="tile-basic app-tile"> 1089 <div class="tile-image"> 1090 <img src="https://content.mangosigns.com/apps/shapes/logo3.png" alt="Shapes app icon"> 1091 </div> 1092 <div class="tile-content app-listing"> 1093 <h3 class="tile-title">Shapes</h3> 1094 <p>Mango Signs with the Shapes app allows you to add various shapes to your slides to create containers and layered effects. You can resize, set the color, border, opacity and even animate the shapes on your digital signs.</p> 1095 </div> 1096 </div> 1097 </div> 1098 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="stickers"> 1099 <div class="tile-basic app-tile"> 1100 <div class="tile-image"> 1101 <img src="https://content.mangosigns.com/apps/stickers/logo3.png" alt="Stickers app icon"> 1102 </div> 1103 <div class="tile-content app-listing"> 1104 <h3 class="tile-title">Stickers</h3> 1105 <p>Mango Signs with the Stickers app allows you to choose from a variety of stickers and clip art to add to add to your slides.</p> 1106 </div> 1107 </div> 1108 </div> 1109 </div> 1110 </div> 1111 </div> 1112 </div> 1113 </div> 1114</section> 1115<section class="bg--secondary space--sm text-center"> 1116 <div class="container"> 1117 <div class="row"> 1118 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 1119 <h2>Premium Apps</h2> 1120 <p class="lead"> 1121 Premium apps are included in the Mango Signs Premium and Enterprise plans. These powerful apps help pull information from your connected applications to keep your signs fresh
1121 and up to date with content that already exists. 1122 </p> 1123 </div> 1124 </div> 1125 </div> 1126</section> 1127<section class="bg--secondary space--sm text-center"> 1128 <div class="container"> 1129 <div class="row"> 1130 <div class="col-sm-12 text-center"> 1131 <div class="masonry"> 1132 <div class="masonry__container"> 1133 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="countdown"> 1134 <div class="tile-basic app-tile"> 1135 <div class="tile-image"> 1136 <img src="https://content.mangosigns.com/apps/countdown/logo3.png" alt="Countdown app icon"> 1137 </div> 1138 <div class="tile-content app-listing"> 1139 <h3 class="tile-title">Countdown</h3> 1140 <p>Mango Signs with the Countdown app lets you display a real time countdown leading towards a certain date or time. This app is perfect for counting down to a sale, product launch, or event. Choose from several styles and even customize the fonts.</p> 1141 </div> 1142 </div> 1143 </div> 1144 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="facebook"> 1145 <div class="tile-basic app-tile"> 1146 <div class="tile-image"> 1147 <img src="https://content.mangosigns.com/apps/facebook/logo3.png" alt="Facebook app icon"> 1148 </div> 1149 <div class="tile-content app-listing"> 1150 <h3 class="tile-title">Facebook</h3> 1151 <p>Mango Signs with the Facebook app lets you display real time posts from your Facebook page. You can display posts as a single rotating feed, or as an image wall that rotates through social media images.</p> 1152 </div> 1153 </div> 1154 </div> 1155 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="google-docs"> 1156 <div class="tile-basic app-tile"> 1157 <div class="tile-image"> 1158 <img src="https://content.mangosigns.com/apps/google-docs/logo3.png" alt="Google Docs app icon"> 1159 </div> 1160 <div class="tile-content app-listing"> 1161 <h3 class="tile-title">Google Docs</h3> 1162 <p>Mango Signs with the Google Docs app allows you to display your Google Docs on your digital signs. Show your google docs on a portion of your sign, or the entire display. </p> 1163 </div> 1164 </div> 1165 </div> 1166 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="google-maps"> 1167 <div class="tile-basic app-tile"> 1168 <div class="tile-image"> 1169 <img src="https://content.mangosigns.com/apps/google-maps/logo3.png" alt="Google Maps app icon"> 1170 </div> 1171 <div class="tile-content app-listing"> 1172 <h3 class="tile-title">Google Maps</h3> 1173 <p>Mango Signs with the Google Maps app allows you to show real time traffic, or an overhead satelite view of your areas. It is great for corporate settings, educational institutions, or even bars.</p> 1174 </div> 1175 </div> 1176 </div> 1177 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="google-sheets"> 1178 <div class="tile-basic app-tile"> 1179 <div class="tile-image"> 1180 <img src="https://content.mangosigns.com/apps/google-sheets/logo3.png" alt="Google Sheets app icon"> 1181 </div> 1182 <div class="tile-content app-listing"> 1183 <h3 class="tile-title">Google Sheets</h3> 1184 <p>Mango Signs with the Google Sheets app lets you import data from your google sheets to show on your digital signs. You can customize the fonts and format of the information to your liking.</p> 1185 </div> 1186 </div> 1187 </div> 1188 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="google-slides"> 1189 <div class="tile-basic app-tile"> 1190 <div class="tile-image"> 1191 <img src="https://content.mangosigns.com/apps/google-slides/logo3.png" alt="Google Slides app icon"> 1192 </div> 1193 <div class="tile-content app-listing"> 1194 <h3 class="tile-title">Google Slides</h3> 1195 <p>Mango Signs with the Google Slides app allows you to display your Google Slide shows on your digital signs. Show your google slide show on a portion of your sign, or the entire display. </p> 1196 </div> 1197 </div> 1198 </div> 1199 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="html5"> 1200 <div class="tile-basic app-tile"> 1201 <div class="tile-image"> 1202 <img src="https://content.mangosigns.com/apps/html5/logo3.png" alt="HTML 5 app icon"> 1203 </div> 1204 <div class="tile-content app-listing"> 1205 <h3 class="tile-title">HTML 5</h3> 1206 <p>Mango Signs with the HTML5 app lets you show any HTML or website on your digital signs along with third party dashboards and tools. Embed the website in a portion of your sign, or display in full screen.</p> 1207 </div> 1208 </div> 1209 </div> 1210 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="instagram"> 1211 <div class="tile-basic app-tile"> 1212 <div class="tile-image"> 1213 <img src="https://content.mangosigns.com/apps/instagram/logo3.png" alt="Instagram app icon"> 1214 </div> 1215 <div class="tile-content app-listing"> 1216 <h3 class="tile-title">Instagram</h3> 1217 <p>Mango Signs with the Instagram app allows you to show a real time feed of your Instagram photos, or even a hashtag of your liking. Start creating a social media buzz encouraging guests to post to your page.</p> 1218 </div> 1219 </div> 1220 </div> 1221 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="rss"> 1222 <div class="tile-basic app-tile"> 1223 <div class="tile-image"> 1224 <img src="https://content.mangosigns.com/apps/rss/logo3.png" alt="News app icon"> 1225 </div> 1226 <div class="tile-content app-listing"> 1227 <h3 class="tile-title">News</h3> 1228 <p>Mango Signs with the RSS app allows you to display real time news feeds or your personal RSS feeds on your signs. The RSS feed automatically updates and cycles through the live feed throughout the day. Choose your own fonts and style to customize your feed.</p> 1229 </div> 1230 </div> 1231 </div> 1232 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="powerpoint"> 1233 <div class="tile-basic app-tile"> 1234 <div class="tile-image"> 1235 <img src="https://content.mangosigns.com/apps/powerpoint/logo3.png" alt="PowerPoint app icon"> 1236 </div> 1237 <div class="tile-content app-listing"> 1238 <h3 class="tile-title">PowerPoint</h3> 1239 <p>Mango Signs with the PowerPoint app allows you to show PowerPoint presentations right on your signs. Simpy upload your presentation and schedule when and where it should play.</p> 1240 </div> 1241 </div> 1242 </div> 1243 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="scrolling-news"> 1244 <div class="tile-basic app-tile"> 1245 <div class="tile-image"> 1246 <img src="https://content.mangosigns.com/apps/scrolling-news/logo3.png" alt="Scrolling News app icon"> 1247 </div> 1248 <div class="tile-content app-listing"> 1249 <h3 class="tile-title">Scrolling News</h3> 1250 <p>The Scrolling News/Marquee app lets you scroll RSS and news feeds on your signs in a horizontal or vertical format, with the font style, size and color of your liking.</p> 1251 </div> 1252 </div> 1253 </div> 1254 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="scrolling-text"> 1255 <div class="tile-basic app-tile"> 1256 <div class="tile-image"> 1257 <img src="https://content.mangosigns.com/apps/scrolling-text/logo3.png" alt="Scrolling Text app icon"> 1258 </div> 1259 <div class="tile-content app-listing"> 1260 <h3 class="tile-title">Scrolling Text</h3> 1261 <p>The Scrolling Text/Marquee app lets you scroll text on your signs in a horizontal or vertical format, with the font style, size and color of your liking.</p> 1262 </div> 1263 </div> 1264 </div> 1265 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="slideshow"> 1266 <div class="tile-basic app-tile"> 1267 <div class="tile-image"> 1268 <img src="https://content.mangosigns.com/apps/slideshow/logo3.png" alt="Slide Show app icon"> 1269 </div> 1270 <div class="tile-content app-listing"> 1271 <h3 class="tile-title">Slide Show</h3> 1272 <p>Mango Signs with the Slideshow app allows you to display rotating list of images on your signs. Select a number of images to scoll through along with durations and transitions. The slideshow works great as a background or as a portion of a page with other content.</p> 1273 </div> 1274 </div> 1275 </div> 1276 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="twitter"> 1277 <div class="tile-basic app-tile"> 1278 <div class="tile-image"> 1279 <img src="https://content.mangosigns.com/apps/twitter/logo3.png" alt="Twitter app icon"> 1280 </div> 1281 <div class="tile-content app-listing"> 1282 <h3 class="tile-title">Twitter</h3> 1283 <p>The Twitter app allows your guests or employees to see your Twitter feed
1283in real time on your digital signs. Show a feed along with images in the font and style of your choice, or display an image wall from your Twitter account or favorite hashtags.</p> 1284 </div> 1285 </div> 1286 </div> 1287 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="vimeo"> 1288 <div class="tile-basic app-tile"> 1289 <div class="tile-image"> 1290 <img src="https://content.mangosigns.com/apps/vimeo/logo3.png" alt="Vimeo app icon"> 1291 </div> 1292 <div class="tile-content app-listing"> 1293 <h3 class="tile-title">Vimeo</h3> 1294 <p>Mango Signs with the Vimeo app lets you display Vimeo videos on your digital signs. Embed a video to display along with other content, or display in a full screen mode by itself.</p> 1295 </div> 1296 </div> 1297 </div> 1298 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="weather"> 1299 <div class="tile-basic app-tile"> 1300 <div class="tile-image"> 1301 <img src="https://content.mangosigns.com/apps/weather/logo3.png" alt="Weather app icon"> 1302 </div> 1303 <div class="tile-content app-listing"> 1304 <h3 class="tile-title">Weather</h3> 1305 <p>Mango Signs with the Weather app lets you display current weather information as well as future forecasts on your digital signage.</p> 1306 </div> 1307 </div> 1308 </div> 1309 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item mango-app" style="height:250px;" data-appname="youtube"> 1310 <div class="tile-basic app-tile"> 1311 <div class="tile-image"> 1312 <img src="https://content.mangosigns.com/apps/youtube/logo3.png" alt="YouTube app icon"> 1313 </div> 1314 <div class="tile-content app-listing"> 1315 <h3 class="tile-title">YouTube</h3> 1316 <p>Mango Signs with the YouTube app lets you display YouTube videos or YouTube Live on your digital signs. Embed a video to display along with other content, or display in a full screen mode by itself.</p> 1317 </div> 1318 </div> 1319 </div> 1320 </div> 1321 </div> 1322 </div> 1323 </div> 1324 </div> 1325</section> 1326<section class="bg--secondary space--sm text-center"> 1327 <div class="container"> 1328 <div class="row"> 1329 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 1330 <h2>What would you like to see next?</h2> 1331 <p class="lead"> 1332 Let us know what you would like to see added to the app library. 1333 </p> 1334 </div> 1335 </div> 1336 </div> 1337</section> 1338<section class="bg--secondary space--sm text-center"> 1339 <div class="container"> 1340 <div class="row"> 1341 <div class="col-sm-12 text-center"> 1342 <div class="masonry"> 1343 <div class="masonry__container"> 1344 <div class="masonry__item col-md-3 col-sm-3 grid-element hover-item" style="height:250px;" data-appname=""> 1345 <div class="tile-basic app-tile"> 1346 <div class="tile-image"> 1347 <i class="fa fa-plus-circle fa-3x padding-20"></i> 1348 </div> 1349 <div class="tile-content app-listing"> 1350 <h3 class="tile-title">What's next?</h3> 1351 <p>Help us choose what to build next. Reach out via in-app chat or email us to let us know what you want next.</p> 1352 </div> 1353 </div> 1354 </div> 1355 </div> 1356 </div> 1357 </div> 1358 </div> 1359 </div> 1360</section> 1361<section class="bg--secondary space--sm text-center"> 1362 <div class="container"> 1363 <div class="row"> 1364 <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 1365 <h2>Don't see an App/Integration?</h2> 1366 <p class="lead"> 1367 We are always looking for new apps and integrations to build. If you don't see an app or an integration you are interested in, please reach out, we would love to know. We also build custom app integrations. <a href="/contact">Request an Integration</a> 1368 </p> 1369 </div> 1370 </div> 1371 </div> 1372</section> 1373
1374<script type="application/ld+json"> 1375 { 1376 "@context": "https://schema.org", 1377 "@type": "FAQPage", 1378 "mainEntity": [ 1379 { 1380 "@type": "Question", 1381 "name": "What apps and integrations does MangoSigns offer?", 1382 "acceptedAnswer": { 1383 "@type": "Answer", 1384 "text": "The MangoSigns app library integrates with content providers, dashboard companies, social media platforms and more to bring relevant content to your signs. Popular apps include digital menus, live weather, event countdowns and building directories. The library grows regularly at no extra cost." 1385 } 1386 }, 1387 { 1388 "@type": "Question", 1389 "name": "Which apps are included in the Basic plan?", 1390 "acceptedAnswer": { 1391 "@type": "Answer", 1392 "text": "The apps listed under Basic Plan Apps are included in the Basic plan as well as the Premium and Enterprise plans. You can build content with any of them and bring your signs to life without paying anything extra." 1393 } 1394 }, 1395 { 1396 "@type": "Question", 1397 "name": "What are Premium apps and which plans include them?", 1398 "acceptedAnswer": { 1399 "@type": "Answer", 1400 "text": "Premium apps are included in the MangoSigns Premium and Enterprise plans. These apps help pull information from your connected applications to keep your signs fresh and up to date with content that already exists." 1401 } 1402 }, 1403 { 1404 "@type": "Question", 1405 "name": "Do I need other software to use MangoSigns apps?", 1406 "acceptedAnswer": { 1407 "@type": "Answer", 1408 "text": "No. Apps are added and edited right in your browser using the MangoSigns Slide Editor. No other apps or tools are required." 1409 } 1410 }, 1411 { 1412 "@type": "Question", 1413 "name": "Can I add an app to any slide and customize how it looks?", 1414 "acceptedAnswer": { 1415 "@type": "Answer", 1416 "text": "Yes. Apps can be added to any slide in a variety of formats that can be customized, so they fit the layout and branding of the sign you are building." 1417 } 1418 }, 1419 { 1420 "@type": "Question", 1421 "name": "Can I request an app or integration that is not listed?", 1422 "acceptedAnswer": { 1423 "@type": "Answer", 1424 "text": "Yes. We are always looking for new apps and integrations to build. If you do not see an app or integration you are interested in, please reach out and let us know. We also build custom app integrations." 1425 } 1426 } 1427 ] 1428 } 1429</script>
1429 1430 1431<div class="mango-faq-section padding-bottom-100" id="faq"> 1432 <div class="container"> 1433 <div class="theme-title-one text-center"> 1434 <h2 class="main-title">Digital Signage Apps FAQ</h2> 1435 </div> 1436 <p class="sub-heading text-center">Common questions about the MangoSigns app library and integrations.</p> 1437 1438 <div class="row justify-content-center"> 1439 <div class="col-lg-10"> 1440 <div class="accordion faq-accordion" id="appsFaqAccordion"> 1441 1442 <div class="card faq-item"> 1443 <div class="card-header" id="afaqHead1"> 1444 <h3 class="mb-0"> 1445 <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#afaq1" aria-expanded="true" aria-controls="afaq1"> 1446 What apps and integrations does MangoSigns offer? 1447 </button> 1448 </h3> 1449 </div> 1450 <div id="afaq1" class="collapse show" aria-labelledby="afaqHead1" data-parent="#appsFaqAccordion"> 1451 <div class="card-body"> 1452 <p>The MangoSigns app library integrates with content providers, dashboard companies, social media platforms and more to bring relevant content to your signs. Popular apps include digital menus, live weather, event countdowns and building directories. The library grows regularly at no extra cost.</p> 1453 </div> 1454 </div> 1455 </div> 1456 1457 <div class="card faq-item"> 1458 <div class="card-header" id="afaqHead2"> 1459 <h3 class="mb-0"> 1460 <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#afaq2" aria-expanded="false" aria-controls="afaq2"> 1461 Which apps are included in the Basic plan? 1462 </button> 1463 </h3> 1464 </div> 1465 <div id="afaq2" class="collapse" aria-labelledby="afaqHead2" data-parent="#appsFaqAccordion"> 1466 <div class="card-body"> 1467 <p>The apps listed under Basic Plan Apps are included in the Basic plan as well as the Premium and Enterprise plans. You can build content with any of them and bring your signs to life without paying anything extra. See <a href="/pricing">pricing</a> for a full plan comparison.</p> 1468 </div> 1469 </div> 1470 </div> 1471 1472 <div class="card faq-item"> 1473 <div class="card-header" id="afaqHead3"> 1474 <h3 class="mb-0"> 1475 <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#afaq3" aria-expanded="false" aria-controls="afaq3"> 1476 What are Premium apps and which plans include them? 1477 </button> 1478 </h3> 1479 </div> 1480 <div id="afaq3" class="collapse" aria-labelledby="afaqHead3" data-parent="#appsFaqAccordion"> 1481 <div class="card-body"> 1482 <p>Premium apps are included in the MangoSigns Premium and Enterprise plans. These apps help pull information from your connected applications to keep your signs fresh and up to date with content that already exists.</p> 1483 </div> 1484 </div> 1485 </div> 1486 1487 <div class="card faq-item"> 1488 <div class="card-header" id="afaqHead4"> 1489 <h3 class="mb-0"> 1490 <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#afaq4" aria-expanded="false" aria-controls="afaq4"> 1491 Do I need other software to use MangoSigns apps? 1492 </button> 1493 </h3> 1494 </div> 1495 <div id="afaq4" class="collapse" aria-labelledby="afaqHead4" data-parent="#appsFaqAccordion"> 1496 <div class="card-body"> 1497 <p>
1497No. Apps are added and edited right in your browser using the MangoSigns Slide Editor. No other apps or tools are required.</p> 1498 </div> 1499 </div> 1500 </div> 1501 1502 <div class="card faq-item"> 1503 <div class="card-header" id="afaqHead5"> 1504 <h3 class="mb-0"> 1505 <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#afaq5" aria-expanded="false" aria-controls="afaq5"> 1506 Can I add an app to any slide and customize how it looks? 1507 </button> 1508 </h3> 1509 </div> 1510 <div id="afaq5" class="collapse" aria-labelledby="afaqHead5" data-parent="#appsFaqAccordion"> 1511 <div class="card-body"> 1512 <p>Yes. Apps can be added to any slide in a variety of formats that can be customized, so they fit the layout and branding of the sign you are building.</p> 1513 </div> 1514 </div> 1515 </div> 1516 1517 <div class="card faq-item"> 1518 <div class="card-header" id="afaqHead6"> 1519 <h3 class="mb-0"> 1520 <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#afaq6" aria-expanded="false" aria-controls="afaq6"> 1521 Can I request an app or integration that is not listed? 1522 </button> 1523 </h3> 1524 </div> 1525 <div id="afaq6" class="collapse" aria-labelledby="afaqHead6" data-parent="#appsFaqAccordion"> 1526 <div class="card-body"> 1527 <p>Yes. We are always looking for new apps and integrations to build. If you do not see an app or integration you are interested in, please <a href="/contact">reach out</a> and let us know. We also build custom app integrations.</p> 1528 </div> 1529 </div> 1530 </div> 1531 1532 </div> 1533 </div> 1534 </div> 1535 </div> 1536</div> 1537 1538<div class="mango-contact-banner"> 1539 <div class="u-shape" aria-hidden="true">U</div> 1540 <div class="d-shape" aria-hidden="true">D</div> 1541 <div class="container"> 1542 <h2 class="title">Try MangoSigns today</h2> 1543 <p class="padding-bottom-40">Non-Profit organization, educational institution or place of worship?<br>We offer a 20% discount on subscriptions.</p> 1544 <a href="/signup" class="subscribe-button">Try for Free</a> 1545 </div> 1546</div> 1547 1548 <footer class="theme-footer-one" id="footer"> 1549 <div class="shape-one" data-aos="zoom-in-right"></div> 1550 <img data-src="/redesign/images/shape/shape-67.svg" alt="Background shape" class="lozad shape-two"> 1551 <div class="top-footer"> 1552 <div class="container"> 1553 <div class="row"> 1554 <div class="col-lg-3 col-lg-3 col-sm-6 col-12 footer-list" data-aos="fade-up"> 1555 <h5 class="title">Product</h5> 1556 <ul> 1557 <li><a href="/features">Features</a></li> 1558 <li><a href="/players">MangoSigns Player</a></li> 1559 <li><a href="/templates">Templates</a></li> 1560 <li><a href="/pricing">Pricing</a></li> 1561 <li><a href="/pricing/hardware">Hardware</a></li> 1562 <li><a href="/Apps">Apps</a></li> 1563 </ul> 1564 </div> 1565 <div class="col-lg-3 col-sm-6 col-12 footer-list" data-aos="fade-up"> 1566 <h5 class="title">Company</h5> 1567 <ul> 1568 <li><a href="/affiliates">Affiliates</a></li> 1569 <li><a target="_blank" href="https://blog.mangosigns.com">Blog</a></li> 1570 <li><a href="/contact">Contact Us</a></li> 1571 </ul> 1572 </div> <!-- /.footer-list --> 1573 <div class="col-lg-3 col-lg-2 col-sm-6 col-12 footer-list" data-aos="fade-up"> 1574 <h5 class="title">Support</h5> 1575 <ul> 1576 <li><a target="_blank" rel="noreferrer" href="https://support.mangosigns.com">Help Center</a></li> 1577 <li><a href="/learn">Tutorials</a></li> 1578 <li><a href="/contact">Email</a></li> 1579 </ul> 1580 </div> 1581 <div class="col-lg-3 col-sm-6 col-12 footer-information" data-aos="fade-up"> 1582 <a href="/" class="logo"><img src="/redesign/images/logo/mslogo.png" alt="Turn any TV into a digital sign with MangoSigns"></a> 1583 <p>MangoSigns.com is a cloud based digital signage platform built for any business. We make it easy for anyone to turn a TV into a power communication tool with professional looking results. With hundreds of prebuilt animated templates included, c
1583ontent creation is a breeze.</p> 1584 <p>Promote your business, communicate with employees, show real time social media posts or even funny youtube videos. The MangoSigns platform has everything you need to create stunning digital signs.</p> 1585 <ul> 1586 <li><a target="_blank" rel="noreferrer" title="MangoSigns Facebook page" href="https://www.facebook.com/mangosigns"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> 1587 <li><a target="_blank" rel="noreferrer" title="MangoSigns Twitter page" href="https://twitter.com/mangosigns"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> 1588 <li><a target="_blank" rel="noreferrer" title="MangoSigns Pinterest page" href="https://www.pinterest.com/mangosigns"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li> 1589 </ul> 1590 </div> 1591 </div> 1592 </div> 1593 </div> 1594 <div class="container"> 1595 <div class="bottom-footer"> 1596 <div class="clearfix"> 1597 <p>© 2026 Mango Signs. All Rights Reserved<br />1101 4th St S Suite 305, St. Petersburg, FL 33701</p> 1598 <ul> 1599 <li><a href="/home/privacy">Privacy Policy</a></li> 1600 <li><a href="/home/terms">Terms</a></li> 1601 </ul> 1602 </div> 1603 </div> 1604 </div> 1605 </footer> 1606 <button class="scroll-top tran3s" title="Scroll to top"> 1607 <i class="fa fa-angle-up" aria-hidden="true"></i> 1608 </button> 1609
1609<script type="text/javascript" src="https://static.leaddyno.com/js"></script>
1609 1610 1611 1612
1612<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js" crossorigin="anonymous"> 1613 </script>
vendor: 2 bytes, line 1613
1613
1614<script>(window.jQuery||document.write("\u003Cscript src=\u0022/lib/jquery/upd/jquery-3.4.1.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
1614 1615
1615<script src="/js/site-redesign1.min.js?v=Aansl5Ril13_xC9MMgEKXPUwM3_kdtcWdCC4-2gTvNY"></script>
1615 1616
1616<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
1616 1617
1617<script src="/js/site-redesign2.min.js?v=HviBd84uOVJ_NMnn3ITzEeZ9mtncPWhao45WdApySMU"></script>
1617 1618 1619
1619<script src="/js/site.js?v=YLsP7p5pKQ1Sg8IUF8NV_95T2DOq63_izuiup3asI7A"></script>
1619 1620 </div> 1621 1622
1622<script src="/js/site.min.js?v=JUljj3AkQAKaJ-lqtdD5q8x1A0UZ4ePy-xvDOxfwDSU"></script>
1622 1623
1623<script> 1624 var appPageUrl = '/apps'; 1625 1626 $('.mango-app').on('click', 1627 function(e) { 1628 var appName = $(this).attr('data-appname'); 1629 goToApp(appName); 1630 }); 1631 function goToApp(appName) { 1632 window.location.href = appPageUrl + '/' + appName; 1633 } 1634 1635 </script>
1635 1636
1636<script type="text/javascript"> 1637 window.N2PRO = 1; window.N2GSAP = 1; window.N2PLATFORM = "wordpress"; (function() { var N = this; N.N2_ = N.N2_ || { r: [], d: [] }, N.N2R = N.N2R || function() { N.N2_.r.push(arguments) }, N.N2D = N.N2D || function() { N.N2_.d.push(arguments) } }).call(window); if (!window.n2jQuery) { window.n2jQuery = { ready: function(cb) { console.error('n2jQuery will be deprecated!'); N2R(['$'], cb); } } } window.nextend = { localization: {}, ready: function(cb) { console.error('nextend.ready will be deprecated!'); N2R('documentReady', function($) { cb.call(window, $) }) } }; window.N2SSPRO = 1; window.N2SS3C = "smartslider3"; 1638 nextend.fontsLoaded = false; 1639 nextend.fontsLoadedActive = function() { nextend.fontsLoaded = true; }; 1640 var requiredFonts = ["Roboto:n3", "Roboto:n4"], 1641 fontData = { 1642 google: { 1643 families: ["Roboto:300,400:latin"] 1644 }, 1645 active: function() { nextend.fontsLoadedActive() }, 1646 inactive: function() { nextend.fontsLoadedActive() }, 1647 fontactive: function(f, s) { fontData.resolveFont(f + ':' + s); }, 1648 fontinactive: function(f, s) { fontData.resolveFont(f + ':' + s); }, 1649 resolveFont: function(n) { 1650 for (var i = requiredFonts.length - 1; i >= 0; i--) { 1651 if (requiredFonts[i] === n) { 1652 requiredFonts.splice(i, 1); 1653 break; 1654 } 1655 } 1656 if (!requiredFonts.length) nextend.fontsLoadedActive(); 1657 } 1658 }; 1659 if (typeof WebFontConfig !== 'undefined' && typeof WebFont === 'undefined') { 1660 var _WebFontConfig = WebFontConfig; 1661 for (var k in WebFontConfig) { 1662 if (k == 'active') { 1663 fontData.active = function() { nextend.fontsLoadedActive(); _WebFontConfig.active(); } 1664 } else if (k == 'inactive') { 1665 fontData.inactive = function() { nextend.fontsLoadedActive(); _WebFontConfig.inactive(); } 1666 } else if (k == 'fontactive') { 1667 fontData.fontactive = function(f, s) { fontData.resolveFont(f + ':' + s); _WebFontConfig.fontactive.apply(this, arguments); } 1668 } else if (k == 'fontinactive') { 1669 fontData.fontinactive = function(f, s) { fontData.resolveFont(f + ':' + s); _WebFontConfig.fontinactive.apply(this, arguments); } 1670 } else if (k == 'google') { 1671 if (typeof WebFontConfig.google.families !== 'undefined') { 1672 for (var i = 0; i < WebFontConfig.google.families.length; i++) { 1673 fontData.google.families.push(WebFontConfig.google.families[i]); 1674 } 1675 } 1676 } else { 1677 fontData[k] = WebFontConfig[k]; 1678 } 1679 } 1680 } 1681 fontData.classes = true; 1682 fontData.events = true; 1683 1684 if (typeof WebFont === 'undefined') { 1685 window.WebFontConfig = fontData; 1686 } else { 1687 WebFont.load(fontData); 1688 }</script>
1688 1689
1689<script type="text/javascript" src="/hero/js/n2-j.min.js"></script>
1689 1690
1690<script type="text/javascript" src="/hero/js/nextend-gsap.min.js"></script>
1690 1691
1691<script type="text/javascript" src="/hero/js/nextend-frontend.min.js"></script>
1691 1692
1692<script type="text/javascript" src="/hero/js/smartslider-frontend.min.js"></script>
1692 1693
1693<script type="text/javascript" src="/hero/js/smartslider-simple-type-frontend.min.js"></script>
1693 1694
1694<script type="text/javascript" src="/hero/js/nextend-webfontloader.min.js"></script>
1694 1695
1695<script type="text/javascript"> 1696 N2R('documentReady', function($) { 1697 nextend.fontsDeferred = $.Deferred(); 1698 if (nextend.fontsLoaded) { 1699 nextend.fontsDeferred.resolve(); 1700 } else { 1701 nextend.fontsLoadedActive = function() { 1702 nextend.fontsLoaded = true; 1703 nextend.fontsDeferred.resolve(); 1704 }; 1705 var intercalCounter = 0; 1706 nextend.fontInterval = setInterval(function() { 1707 if (intercalCounter > 3 || document.documentElement.className.indexOf('wf-active') !== -1) { 1708 nextend.fontsLoadedActive(); 1709 clearInterval(nextend.fontInterval); 1710 } 1711 intercalCounter++; 1712 }, 1000); 1713 } 1714 N2R(["nextend-frontend", "smartslider-frontend", "nextend-gsap", "smartslider-simple-type-frontend"], function() { new N2Classes.SmartSliderSimple('#n2-ss-2', { "admin": false, "translate3d": 1, "callbacks": "", "background.video.mobile": 1, "randomize": { "randomize": 0, "randomizeFirst": 0 }, "align": "normal", "isDelayed": 0, "load": { "fade": 1, "scroll": 0 }, "playWhenVisible": 1, "playWhenVisibleAt": 0.5, "responsive": { "desktop": 1, "tablet": 1, "mobile": 1, "onResizeEnabled": true, "type": "fullwidth", "downscale": 1, "upscale": 1, "minimumHeight": 0, "maximumHeight": 500, "maximumSlideWidth": 10000, "maximumSlideWidthLandscape": 10000, "maximumSlideWidthTablet": 10000, "maximumSlideWidthTabletLandscape": 10000, "maximumSlideWidthMobile": 10000, "maximumSlideWidthMobileLandscape": 10000, "maximumSlideWidthConstrainHeight": 0, "forceFull": 1, "forceFullOverflowX": "body", "forceFullHorizontalSelector": "", "constrainRatio": 1, "sliderHeightBasedOn": "real", "decreaseSliderHeight": 0, "focusUser": 1, "deviceModes": { "desktopPortrait": 1, "desktopLandscape": 0, "tabletPortrait": 1, "tabletLandscape": 0, "mobilePortrait": 1, "mobileLandscape": 0 }, "normalizedDeviceModes": { "unknownUnknown": ["unknown", "Unknown"], "desktopPortrait": ["desktop", "Portrait"], "desktopLandscape": ["desktop", "Portrait"], "tabletLandscape": ["desktop", "Portrait"], "tabletPortrait": ["tablet", "Portrait"], "mobileLandscape": ["tablet", "Portrait"], "mobilePortrait": ["mobile", "Portrait"] }, "verticalRatioModifiers": { "unknownUnknown": 1, "desktopPortrait": 1, "desktopLandscape": 1, "tabletPortrait": 1, "tabletLandscape": 1, "mobilePortrait": 1, "mobileLandscape": 1 }, "minimumFontSizes": { "desktopPortrait": 1, "desktopLandscape": 1, "tabletPortrait": 1, "tabletLandscape": 1, "mobilePortrait": 1, "mobileLandscape": 1 }, "ratioToDevice": { "Portrait": { "tablet": 0.7, "mobile": 0.5 }, "Landscape": { "tablet": 0, "mobile": 0 } }, "sliderWidthToDevice": { "desktopPortrait": 1300, "desktopLandscape": 1300, "tabletPortrait": 910, "tabletLandscape": 0, "mobilePortrait": 650, "mobileLandscape": 0 }, "basedOn": "combined", "orientationMode": "width", "overflowHiddenPage": 0, "desktopPortraitScreenWidth": 1200, "tabletPortraitScreenWidth": 800, "mobilePortraitScreenWidth": 440, "tabletLandscapeScreenWidth": 800, "mobileLandscapeScreenWidth": 440, "focus": { "offsetTop": "#wpadminbar", "offsetBottom": "" } }, "controls": { "mousewheel": 0, "touch": "horizontal", "keyboard": 1, "blockCarouselInteraction": 1 }, "lazyLoad": 0, "lazyLoadNeighbor": 0, "blockrightclick": 0, "maintainSession": 0, "autoplay": { "enabled": 0, "start": 1, "duration": 8000, "autoplayToSlide": -1, "autoplayToSlideIndex": -1, "allowReStart": 0, "pause": { "click": 1, "mouse": "0", "mediaStarted": 1 }, "resume": { "click": 0, "mouse": "0", "mediaEnded": 1, "slidechanged": 0 } }, "perspective": 1000, "layerMode": { "playOnce": 0, "playFirstLayer": 1, "mode": "skippable", "inAnimation": "mainInEnd" }, "parallax": { "enabled": 1, "mobile": 0, "is3D": 0, "animate": 1, "horizontal": "mouse", "vertical": "mouse", "origin": "slider", "scrollmove": "both" }
1714, "postBackgroundAnimations": 0, "initCallbacks": ["N2D(\"SmartSliderWidgetArrowImage\",function(i,e){function s(e,s,t,h){this.slider=e,this.slider.started(i.proxy(this.start,this,s,t,h))}return s.prototype.start=function(e,s,t){return this.slider.sliderElement.data(\"arrow\")?!1:(this.slider.sliderElement.data(\"arrow\",this),this.deferred=i.Deferred(),this.slider.sliderElement.on(\"SliderDevice\",i.proxy(this.onDevice,this)).trigger(\"addWidget\",this.deferred),this.previous=i(\"#\"+this.slider.elementID+\"-arrow-previous\").on(\"click\",i.proxy(function(i){i.stopPropagation(),this.slider[n2const.rtl.previous]()},this)),this.previousResize=this.previous.find(\".n2-resize\"),0===this.previousResize.length&&(this.previousResize=this.previous),this.next=i(\"#\"+this.slider.elementID+\"-arrow-next\").on(\"click\",i.proxy(function(i){i.stopPropagation(),this.slider[n2const.rtl.next]()},this)),this.nextResize=this.next.find(\".n2-resize\"),0===this.nextResize.length&&(this.nextResize=this.next),this.desktopRatio=e,this.tabletRatio=s,this.mobileRatio=t,void i.when(this.previous.n2imagesLoaded(),this.next.n2imagesLoaded()).always(i.proxy(this.loaded,this)))},s.prototype.loaded=function(){this.previous.css(\"display\",\"inline-block\"),this.previousResize.css(\"display\",\"inline-block\"),this.previousWidth=this.previousResize.width(),this.previousHeight=this.previousResize.height(),this.previousResize.css(\"display\",\"\"),this.previous.css(\"display\",\"\"),this.next.css(\"display\",\"inline-block\"),this.nextResize.css(\"display\",\"inline-block\"),this.nextWidth=this.nextResize.width(),this.nextHeight=this.nextResize.height(),this.nextResize.css(\"display\",\"\"),this.next.css(\"display\",\"\"),this.previousResize.find(\"img\").css(\"width\",\"100%\"),this.nextResize.find(\"img\").css(\"width\",\"100%\"),this.onDevice(null,{device:this.slider.responsive.getDeviceMode()}),this.deferred.resolve()},s.prototype.onDevice=function(i,e){var s=1;switch(e.device){case\"tablet\":s=this.tabletRatio;break;case\"mobile\":s=this.mobileRatio;break;default:s=this.desktopRatio}this.previousResize.width(this.previousWidth*s),this.previousResize.height(this.previousHeight*s),this.nextResize.width(this.nextWidth*s),this.nextResize.height(this.nextHeight*s)},s});", "new N2Classes.SmartSliderWidgetArrowImage(this, 1, 0.7, 0.5);", "N2D(\"SmartSliderWidgetBulletTransition\",function(t,e){function i(e,i){this.slider=e,this.slider.started(t.proxy(this.start,this,i))}return i.prototype.start=function(e){if(this.slider.sliderElement.data(\"bullet\"))return!1;if(this.slider.sliderElement.data(\"bullet\",this),this.axis=\"horizontal\",this.offset=0,this.parameters=e,this.bar=this.slider.sliderElement.find(\".nextend-bullet-bar\"),this.event=\"universalclick\",\"mouseenter\"===this.parameters.action&&(this.event=\"universalenter\"),this.slider.sliderElement.on({slideCountChanged:t.proxy(this.onSlideCountChanged,this),sliderSwitchTo:t.proxy(this.onSlideSwitch,this)}),this.slider.firstSlideReady.done(t.proxy(this.onFirstSlideSet,this)),0===e.overlay){var i=!1;switch(e.area){case 1:i=\"Top\";break;case 12:i=\"Bottom\";break;case 5:i=\"Left\",this.axis=\"vertical\";break;case 8:i=\"Right\",this.axis=\"vertical\"}i&&(this.offset=parseFloat(this.bar.data(\"offset\")),this.slider.responsive.addStaticMargin(i,this))}},i.prototype.onFirstSlideSet=function(t){this.onSlideCountChanged(),this.$dots.eq(t.index).addClass(\"n2-active\").attr(\"aria-current\",\"true\")},i.prototype.onDotClick=function(e,i){this.slider.directionalChangeTo(e),t(i.target).blur()},i.prototype.onSlideSwitch=function(t,e){this.$dots.filter(\".n2-active\").removeClass(\"n2-active\").removeAttr(\"aria-current\"),this.$dots.eq(e).addClass(\"n2-active\").attr(\"aria-current\",\"true\")},i.prototype.isVisible=function(){return this.bar.is(\":visible\")},i.prototype.getSize=function(){return\"horizontal\"===this.axis?this.bar.height()+this.offset:this.bar.width()+this.offset},i.prototype.showThumbnail=function(e,i){var s=this.getThumbnail(e);NextendTween.to(s,.3,{opacity:1}),this.$dots.eq(e).one(\"universalleave.thumbnailleave\",t.proxy(this.hideThumbnail,this,e,s))}
1714,i.prototype.hideThumbnail=function(t,e,i){i.stopPropagation(),NextendTween.to(e,.3,{opacity:0,onComplete:function(){e.remove()}})},i.prototype.getThumbnail=function(e){var i=this.$dots.eq(e),s=this.slider.sliderElement.offset(),a=i.offset(),r=i.outerWidth(),o=i.outerHeight(),n=t(\"<div\/>\").append(t(\"<div\/>\").css({width:this.parameters.thumbnailWidth,height:this.parameters.thumbnailHeight,backgroundImage:'url(\"'+this.slider.slides[e].getThumbnail()+'\")'}).addClass(\"n2-ss-bullet-thumbnail\")).addClass(this.parameters.thumbnailStyle).addClass(\"n2-ss-bullet-thumbnail-container\").appendTo(this.slider.sliderElement);switch(this.parameters.thumbnailPosition){case\"right\":n.css({left:a.left-s.left+r,top:a.top-s.top+o\/2-n.outerHeight(!0)\/2});break;case\"left\":n.css({left:a.left-s.left-n.outerWidth(!0),top:a.top-s.top+o\/2-n.outerHeight(!0)\/2});break;case\"top\":n.css({left:a.left-s.left+r\/2-n.outerWidth(!0)\/2,top:a.top-s.top-n.outerHeight(!0)});break;case\"bottom\":n.css({left:a.left-s.left+r\/2-n.outerWidth(!0)\/2,top:a.top-s.top+o})}return i.data(\"thumbnail\",n),n},i.prototype.onSlideCountChanged=function(){this.bar.html(\"\");for(var e=0;e<this.slider.slides.length;e++){var i=this.slider.slides[e],s=t('<div class=\"n2-ow n2-bullet '+this.parameters.dotClasses+'\" tabindex=\"0\"><\/div>').attr(\"role\",\"button\").attr(\"aria-label\",i.getTitle()).appendTo(this.bar);switch(s.wrap(t('<div class=\"n2-ow\"><\/div>').on(this.event,t.proxy(this.onDotClick,this,e))).on(\"n2Activate\",t.proxy(this.onDotClick,this,e)),this.parameters.mode){case\"numeric\":s.html(e+1);break;case\"title\":s.html(i.getTitle())}if(1===this.parameters.thumbnail){var a=i.getThumbnail();a&&s.on({universalenter:t.proxy(this.showThumbnail,this,e)},{leaveOnSecond:!0})}}this.$dots=this.bar.find(\">div>*\")},i});", "new N2Classes.SmartSliderWidgetBulletTransition(this, {\"overlay\":0,\"area\":9,\"dotClasses\":\"n2-style-f278eba2e88378b4ea161da546605479-dot \",\"mode\":\"\",\"action\":\"click\"});"], "allowBGImageAttachmentFixed": false, "bgAnimationsColor": "RGBA(51,51,51,1)", "bgAnimations": 0, "mainanimation": { "type": "horizontal", "duration": 600, "delay": 0, "ease": "easeOutQuad", "parallax": 0, "shiftedBackgroundAnimation": "auto" }, "carousel": 1, "dynamicHeight": 0 }); }); 1715 }); 1716 </script>
1716 1717 1718
1718<script src="//rum-static.pingdom.net/pa-5cdad1b8e989400016000180.js" async></script>
1718 1719
1719<script> 1720 const observer = lozad(); 1721 observer.observe(); 1722 window.intercomSettings = { 1723 app_id: "irgpvsk8" 1724 }; 1725 </script>
1725 1726
1726<script>(function() { var w = window; var ic = w.Intercom; if (typeof ic === "function") { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function() { i.c(arguments); }; i.q = []; i.c = function(args) { i.q.push(args); }; w.Intercom = i; var l = function() { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/irgpvsk8'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })();</script>
1726 1727 <!-- Start of HubSpot Embed Code --> 1728
1728<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7803224.js"></script>
1728 1729 <!-- End of HubSpot Embed Code --> 1730 </body> 1731</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.