http://qrcodes.pro/
Last Checked: Feb 02, 2023, 10:13 EST
| IP Address: | 99.84.238.179 |
| ASN #: | AS16509 AMAZON-02, US |
| Location: | Unknown, Unknown, Unknown |
| URL Reputation: |
|
Other submissions on 99.84.238.179:
-
https://l.ead.me/bezphf
-
https://qrco.de/bf1fJ9
-
http://email.engtrend.com/
-
https://email.engtrend.com/
-
http://www.entel.cl/
-
https://l.ead.me/bdrJkL
-
https://qrco.de/beLg70
-
https://www.miess.com.br/
Other submissions on qrcodes.pro:
-
https://qrcodes.pro/m7eGu8
-
https://qrcodes.pro/2DcM65
Previous checks:
No previous checks.
getaddrinfo(whois.godaddy.com/): Name or service not known
-
GET200 OK
https://www.google.com/ads/ga-audiences?t=sr&aip=1&_r=4&slf_rd=1&v=1&_v=j99&tid=UA-53058972-1&cid=759539344.1675350783&jid=1808234588&_u=IEBAAEAAQAAAACAAI~&z=712796763
- http://qrcodes.pro/ https://qrcodes.pro/
- https://qrcodes.pro/ https://www.beaconstac.com
<html class="" lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Create, manage and track your dynamic QR Codes with Beaconstac’s advanced yet easy-to-use QR Code platform. Get started today.">
<link rel="canonical" href="https://www.beaconstac.com">
<link rel="alternate" hreflang="es" href="https://www.beaconstac.com/es">
<meta name="author" content="Beaconstac">
<meta name="theme-color" content="#2595ff">
<meta name="facebook-domain-verification" content="xun55i6krbdezjk38irwzbvrws18pz">
<title>QR Code Management Platform for modern businesses | Beaconstac</title>
<style>html {
scroll-behavior: smooth;
font-family: "Work sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
</style>
<!-- Facebook -->
<meta property="og:site_name" content="Beaconstac">
<meta property="og:title" content="QR Code Management Platform for modern businesses | Beaconstac">
<meta property="og:description" content="Create, manage and track your dynamic QR Codes with Beaconstac’s advanced yet easy-to-use QR Code platform. Get started today.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://static.beaconstac.com/assets/img/beaconstac_logo_blue.png">
<meta property="og:url" content="https://www.beaconstac.com">
<!-- <meta property="og:url" content="https://www.beaconstac.com"> -->
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="QR Code Management Platform for modern businesses | Beaconstac">
<meta name="twitter:description" content="Create, manage and track your dynamic QR Codes with Beaconstac’s advanced yet easy-to-use QR Code platform. Get started today.">
<meta name="twitter:image" content="https://static.beaconstac.com/assets/img/beaconstac_logo_blue.png">
<meta name="twitter:domain" content="https://www.beaconstac.com">
<link href="https://www.googletagmanager.com/gtag/js?id=AW-10954130502" rel="preload" as="script">
<link rel="preload" as="font" href="https://static.beaconstac.com/assets/fonts/fontawesome-webfont.woff2?v=4.7.0" crossorigin="">
<link rel="preconnect" as="script" href="https://ajax.googleapis.com" crossorigin="">
<link rel="preconnect" as="script" href="https://fonts.gstatic.com" crossorigin="">
<style>
/* vietnamese */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_c6DptfpA4cD3.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_c6DptfpA4cD3.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_c6DptfpA4cD3.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_c6DptfpA4cD3.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<style>
html {
scroll-behavior: smooth;
}
.navbar-transparent .navbar-nav>li>a {
position: relative;
}
.navbar-transparent .navbar-nav>li>a:before {
content: "";
position: absolute;
height: 36px;
border-radius: 4px;
width: 94%;
left: 3%;
background-color: rgba(255, 255, 255, 0.1);
top: 5px;
opacity: 0;
visibility: hidden;
transition: opacity ease-in-out .25s;
}
.navbar-transparent .navbar-nav>li#new-user>a.p-t-0::before {
content: none;
}
.navbar-transparent .navbar-nav>li>a:hover:before
{
opacity: 1;
visibility: visible;
}
#privacy-policy-modal {
bottom: 0px;
position: fixed;
z-index: 1000;
padding: 30px !important;
background: #fff;
box-shadow: 5px 10px 10px 10px #888888;
animation: slide-up 0.4s ease;
transition: visibility 1s, opacity 0.5s linear;
opacity: 0;
visibility: hidden;
}
.qr-btn.qr-btn-mobile {
display: none;
}
@media(min-width: 850px) {
.tooltip-arrow-footer {
transform: rotate(-90deg);
top: 30% !important;
margin-left: -7px !important;
left: 0% !important;
border-bottom-color: #2595FF !important;
border-width: 0 4px 8px !important;
}
.tooltip {
margin-top: 0px !important;
}
}
@media(max-width: 767px) {
.tooltip-arrow-footer {
transform: rotate(-90deg);
top: 30% !important;
margin-left: -7px !important;
left: 0% !important;
border-bottom-color: #2595FF !important;
border-width: 0 4px 8px !important;
}
.tooltip {
margin-top: 0px !important;
}
}
@media (min-width: 768px) and (max-width: 850px) {
.tooltip-arrow-footer {
/*transform: rotate(-90deg);*/
/*top: 30% !important;*/
margin-left: -7px !important;
left: 54% !important;
border-bottom-color: #2595FF !important;
border-width: 0 5px 6px !important;
margin-top: -5px;
}
.tooltip {
left: 8% !important;
margin-top: 5px !important;
}
.margin-top {
margin-top: 30px;
}
.display-block-footer {
display: block !important;
}
}
@keyframes slide-up {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 991px) {
.privacy-text {
font-size: 13px;
}
.mob-order {
display: grid;
}
.order-one {
order: 3;
padding-bottom: 40px;
}
.order-two {
padding-top: 20px;
}
.qr-btn.qr-btn-desktop {
display: none;
}
.qr-btn.qr-btn-mobile {
display: block;
margin-bottom: 40px;
}
.qr-btn.qr-btn-mobile button {
width: 100%;
margin: 5px 0;
font-size: 16px;
display: block;
}
.list-spaced {
margin-bottom: 50px;
}
.footer-list {
margin-bottom: 20px;
}
.vcenter {
display: block;
}
.footer-social-media
{
padding-bottom: 20px;
}
}
</style>
<style>
.app-footer .container {
width: 100%;
max-width: 1140px;
}
.app-footer a:focus
{
color: #2595ff;
}
.app-footer img
{
object-fit:contain;
}
.footer-heading {
font-size: 18px !important;
color: #FFFFFF !important;
mix-blend-mode: normal;
}
.footer-social-media p a {
font-size: 20px;
text-decoration: underline!important;
}
.footer-social-media .social-media-links i {
font-size: 24px;
}
.footer-phone a {
font-size: 20px;
font-weight: 500;
}
.footer-list {
font-weight: 500 !important;
font-size: 18px !important;
line-height: 21px !important;
color: #FFFFFF !important;
mix-blend-mode: normal;
}
.footer-buyNow-btn {
font-weight: 400;
color: #fff;
background: transparent;
border: 1px solid #fff;
padding: 11px 17px;
border-radius: 2px;
}
.footer-trial-btn {
padding: 12px 20px !important;
margin-right: 20px;
}
.footer-border-bottom {
border-bottom: 1px solid #41494f;
}
.footer-bottom a
{
color: #BEC8CE!important;
font-size: 16px;
opacity: 0.4;
}
.footer-bottom .copyright-font-size
{
opacity: 0.4;
}
.vcenter {
display: flex;
align-items: center;
}
.app-footer .qr-btn button {
font-size: 18px!important;
min-height: 60px;
vertical-align: middle;
font-weight: 500;
/* padding: 18px 15px!important; */
}
.app-footer-new .row:after, .app-footer-new .row:before {
content: "" !important;
display: table !important;
}
.app-footer ul li.dropdown button
{
background-color: transparent;
border: none;
padding: 0;
color: #ffffff;
}
.app-footer ul li.dropdown button:hover, .app-footer ul li.dropdown button:focus
{
color: #2595ff;
}
@media (min-width: 768px) {
.col-sm-3 {
width: 33% !important;
}
.col2 {
padding-left: 0 !important;
}
.set-position {
margin-top: 30px;
}
.options {
margin-bottom: 12px !important;
}
}
@media (max-width: 991px)
{
.footer-bottom .list-inline .set-position {
margin-top: 30px!important;
}
.footer-bottom .list-inline>li
{
display: block;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.set-position {
margin-top: 0px;
}
.set-apps {
width: 200px;
height: 75px;
object-fit: contain;
}
}
</style>
<!-- anti-flicker snippet (recommended) -->
<style>.async-hide { opacity: 0 !important} </style>
<style>@font-face{font-family:FontAwesome;src:url(assets/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(assets/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-heart:before{content:"\f004"}.fa-times:before{content:"\f00d"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-circle-down:before{content:"\f13a"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}hr,img{border:0}body,figure{margin:0}.dropdown-menu{float:left}.navbar-fixed-top .navbar-collapse{max-height:340px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}figure,nav{display:block}a{background-color:transparent}b,strong{font-weight:700}h1{margin:.67em 0}img{vertical-align:middle}hr{box-sizing:content-box;height:0}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button,html input[type=button]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.btn{background-image:none}body{background-color:#fff}*,:after,:before{box-sizing:border-box}html{font-size:10px}body{font-family:"Work sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;color:#6c6f73}button,input{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2595ff;text-decoration:none}hr{margin-top:21px;margin-bottom:21px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h3{font-family:"Work sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.2;color:#2d3238}h1,h3{margin-top:21px;margin-bottom:10.5px}h1{font-size:39px}h3{font-size:28px}p{margin:0 0 10.5px}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}ol,ul{margin-top:0}ul ol,ul ul{margin-bottom:0}ol,ul{margin-bottom:10.5px}@media (min-width:768px){.container{width:740px}}.container:after,.nav:after,.navbar-collapse:after,.navbar:after,.row:after{clear:both}.container{margin-right:auto;margin-left:auto}.container{padding-left:10px;padding-right:10px}@media (min-width:992px){.container{width:880px}}@media (min-width:1200px){.container{width:1020px}}.row{margin-left:-10px;margin-right:-10px}.col-md-10,.col-md-2,.col-md-6{position:relative;min-height:1px;padding-left:10px;padding-right:10px}@media (min-width:992px){.col-md-10,.col-md-2,.col-md-6{float:left}.col-md-10{width:83.33333333%}.col-md-6{width:50%}.col-md-2{width:16.66666667%}}.dropdown{position:relative}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border:1px solid transparent;white-space:nowrap;padding:6px 12px;line-height:1.4;border-radius:4px}.btn-primary{color:#fff;background-color:#2595ff;border-color:#0b89ff}.collapse{display:none}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:15px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.4;white-space:nowrap}.dropdown-menu>li>a{clear:both;font-weight:400;color:#333}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}}.nav>li,.nav>li>a{display:block;position:relative}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.navbar{position:relative;min-height:50px;margin-bottom:21px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:10px;padding-left:10px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}@media (min-width:768px){.navbar{border-radius:4px}.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-fixed-top .navbar-collapse{padding-left:0;padding-right:0}}.carousel-inner{overflow:hidden}.container>.navbar-collapse{margin-right:-10px;margin-left:-10px}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-brand{float:left;padding:14.5px 10px;font-size:19px;line-height:21px;height:50px}.navbar-brand>img{display:block}@media (min-width:768px){.container>.navbar-collapse{margin-right:0;margin-left:0}.navbar-fixed-top{border-radius:0}.navbar>.container .navbar-brand{margin-left:-10px}}.navbar-toggle{position:relative;float:right;margin-right:10px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.25px -10px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:21px}@media (min-width:768px){.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:14.5px;padding-bottom:14.5px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-10px}}body{font-weight:300;letter-spacing:-.02em}.list-spaced li{margin-bottom:3px}.btn{font-size:16px;text-transform:none;letter-spacing:normal}.btn-lg{padding:10px 16px;font-size:19px;line-height:1.3333333;border-radius:6px}.carousel-control{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);text-align:center}.p-x-0{padding-right:0!important}.carousel,.carousel-inner{position:relative}.carousel-inner{width:100%}.carousel-inner>.item{display:none;position:relative}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active{display:block}.carousel-inner>.active{left:0}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;font-size:20px;background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.p-x-0{padding-left:0!important}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.m-b-0{margin-bottom:0!important}.p-t-0{padding-top:0!important}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left{margin-left:-10px}.carousel-control .glyphicon-chevron-right{margin-right:-10px}.carousel-indicators{bottom:20px}}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar:after,.navbar:before,.row:after,.row:before{content:" ";display:table}.hidden,.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}@-ms-viewport{width:device-width}@media (max-width:767px){.visible-xs{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}@media (min-width:1200px){.visible-lg{display:block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.m-t-0{margin-top:0!important}.m-x-0{margin-left:0!important}.m-x-0{margin-right:0!important}.m-l{margin-left:20px!important}.m-t{margin-top:20px!important}.m-b{margin-bottom:20px!important}.m-t-md{margin-top:30px!important}.m-x-auto{margin-right:auto!important;margin-left:auto!important}.p-l,.p-x{padding-left:20px!important}.p-r,.p-x{padding-right:20px!important}.p-t{padding-top:20px!important}.p-b{padding-bottom:20px!important}.p-l-md{padding-left:30px!important}.p-t-md,.p-y-md{padding-top:30px!important}.p-b-md,.p-y-md{padding-bottom:30px!important}.nav-bordered>li{float:left}.nav-bordered>li>a{display:inline-block;padding:10px 0;font-weight:300;color:#000;border-bottom:4px solid transparent}.nav-bordered>li+li{margin-left:30px}.nav-bordered.nav-stacked>li{float:none;margin-left:0}.nav-bordered.nav-stacked>li+li{margin-top:0}.nav-bordered.nav-stacked>li>a{display:block;padding:5px 10px 5px 30px;border-bottom:0;border-left:4px solid transparent}.btn-primary-outline{border-color:#0b89ff}.btn-primary-outline{color:#0b89ff;background-color:transparent}.block{position:relative}.block{background-position:center;background-size:cover;background-repeat:no-repeat}.block{width:100%;padding:60px 30px;color:inherit;background-color:#fff}.block-inverse{background-color:#000}.block-inverse{color:#fff}.block-inverse hr{border-color:rgba(255,255,255,.2)}.block-inverse h1,.block-inverse h3{color:inherit}.navbar-transparent,.navbar-transparent .navbar-collapse,.navbar-transparent .navbar-toggle{border-color:transparent}@media screen and (min-width:768px){.block{padding:100px 0}}.navbar-transparent{background-color:transparent}.navbar-transparent .navbar-brand{color:#fff}.navbar-transparent .navbar-nav>li>a{color:#fff}.navbar-transparent .navbar-toggle .icon-bar{background-color:#fff}.app-navbar{font-weight:500;letter-spacing:.05em;position:absolute}.app-footer a{color:#fff}@media (max-width:768px){.block h3{line-height:1.15}}.btn-lg{font-size:18px}.btn-lg:not(.btn-block){padding:12px 50px}@media (min-width:768px){.btn-lg:not(.btn-block){width:auto}}@media (min-width:768px){.app-align-center{display:flex;align-items:center}}@media (max-width:764px){.navbar-toggle{z-index:999;float:left;margin-left:10px;margin-right:0}.navbar-brand-mobile{width:100%;display:flex;position:absolute;justify-content:center;left:0}.app-footer .list-spaced li{margin:10px 0}}.flex-container{display:flex;flex-wrap:wrap}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-space-between{justify-content:space-between}.justify-content-space-evenly{justify-content:space-evenly}.justify-content-space-around{justify-content:space-around}@media (max-width:768px){.px-sm-0{padding-left:0!important;padding-right:0!important}}@media (max-width:772px){#app-stage.block{padding-top:90px!important}}.item{display:inline-block}.hidden{display:none}.flex-container{display:flex;flex-wrap:wrap}.justify-content-center{justify-content:center}.store-user-dropdown{background:0 0!important;padding:0!important}.m-t-sm{margin-top:5px!important}.m-b-sm{margin-bottom:5px}.justify-content-space-between{justify-content:space-between}h1,h3{font-weight:400}.m-y-auto{margin-top:auto;margin-bottom:auto}.m-x-auto{margin-left:auto;margin-right:auto}.navbar-brand-mobile{margin-left:-10px}.flex-direction-column{flex-direction:column}@media (max-width:772px){h1{font-size:28px}h3{font-size:22px}.mt-xs-1{margin-top:20px}}@media (max-width:992px){.px-sm-0{padding-left:0;padding-right:0}.px-sm-1{padding-left:20px;padding-right:20px}.mt-sm-3{margin-top:60px}.mb-sm-1{margin-bottom:20px}.ml-sm-1{margin-left:20px}.ml-sm-2{margin-left:30px}.justify-content-center-sm{justify-content:center}.text-center-sm{text-align:center}}@media (min-width:992px){.pl-md-3{padding-left:60px}.ml-md-3{margin-left:60px}.justify-content-space-between-md{justify-content:space-between}.justify-content-space-around-md{justify-content:space-around}}h1,h3{font-weight:400}b{font-weight:500}a:visited{text-decoration:none;outline:0}body{letter-spacing:0}.text-white{color:#fff!important}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.display-none{display:none}.list-style-type-none{list-style-type:none}.brand-logos{margin-top:10.5px;color:#2d3238;font-weight:400;font-size:19px;line-height:1.2;font-family:"Work sans","Helvetica Neue",Helvetica,Arial,sans-serif}</style>
<script type="text/javascript" integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM" crossorigin="anonymous" async="" src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.datadoghq-browser-agent.com/datadog-rum-v4.js"></script><script gtm="GTM-NMLR4W2" type="text/javascript" async="" src="https://www.googleoptimize.com/optimize.js?id=OPT-NX3Q92S"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NMLR4W2"></script><script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-NMLR4W2':true});</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMLR4W2');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Ads: 10954130502 -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-10954130502"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10954130502');
</script>
<script type="text/javascript">
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-53058972-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
function lazyLoadScript(url) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var x = document.getElementsByTagName('head')[0];
x.appendChild(s);
}
//lazy load css
function lazyloadCSS(url) {
var cssMain = document.createElement('link');
cssMain.href = url;
cssMain.rel = 'stylesheet';
cssMain.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(cssMain);
}
lazyloadCSS("https://static.beaconstac.com/assets/css/style.min.css?v=1.58")
</script><link href="https://static.beaconstac.com/assets/css/style.min.css?v=1.58" rel="stylesheet" type="text/css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.beaconstac.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "Www.beaconstac.com",
"item": "https://www.beaconstac.com"
}]
}
</script>
<style>
.expansion-arrow {
margin-bottom:2px;
display: inline-block;
max-width: 100%;
height: auto
}
h2 {
font-size:32px !important;
font-weight: 700 !important;
line-height:35px !important;
}
h3 {
font-size:30px !important;
font-weight: 700 !important;
line-height: 38px !important;
}
h6 {
font-size:18px !important;
line-height: 23px !important;
letter-spacing: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.banner-center-wrapper {
padding: 187px 0 118px;
}
.banner-center h1 {
font-weight: 700;
font-size: 70px;
line-height: 84px;
text-align: center;
letter-spacing: -0.5px;
margin: 0 0 33px;
color: unset;
}
.banner-center h1 span {
cursor: pointer;
position: relative;
}
.banner-center h3 {
font-style: italic;
font-weight: 500;
font-size: 48px;
line-height: 56px;
text-align: center;
letter-spacing: -0.5px;
color: #FFFFFF;
margin: 0 0 77px;
}
.banner-center button {
border-radius: 4px;
font-weight: 600;
font-size: 18px !important;
line-height: 21px;
padding: 14px 40px;
width:247px;
}
#learn-more {
background: linear-gradient(90deg, #2595FF 18.38%, #25CBFF 112.5%);
margin-right: 30px;
}
.cm-hr {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}
#brand-logos-container {
padding: 70px 0 115px !important;
}
.hover-box {
/* background: rgb(37 149 255 / 10%); */
background-color: #182d44;
border-radius: 6px;
padding: 10px 20px;
margin-top: 30px;
}
.hover-box p{
font-weight: 600;
font-size: 20px;
line-height: 40px;
letter-spacing: -0.5px;
color: #2595FF;
margin: 0;
}
/* .hover-box p:first-child {
margin-bottom: 25px;
} */
.hover-box p span {
margin-right: 14px;
color: #FFFFFF;
}
.banner-center h1 span:hover {
color: #2595FF;
transition: all 0.5s ease-in-out;
}
.hover-wrap {
position: absolute;
/* visibility: hidden; */
opacity: 0;
}
.secure:hover #secure-hover,
.scalable:hover #scalable-hover,
.integrated:hover #integrated-hover {
/* visibility: visible; */
opacity: 1;
transition: all 0.5s ease-in-out;
}
#secure-hover {
left: 0;
}
#scalable-hover {
top: -150px;
left: 50%;
min-width: max-content;
}
#integrated-hover {
left: auto;
right: -50px;
}
.scale-flex {
display: flex;
align-items: center;
}
.scale-flex > img {
transform: matrix(0.5, 0.87, 0.87, -0.5, 0, 0);
margin-bottom: -80px;
}
#scalable-hover .hover-box {
margin-left: 20px;
}
#integrated-hover > img {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
@media (min-width: 1200px) {
.forbes-text {
width: 27%;
}
.align-content-flex-end-lg{
align-content: flex-end;
}
.pl-md-forbes{
padding-left: 60px;
}
}
@media (max-width: 1200px) {
.btn-lg:not(.btn-block) {
padding: 12px 44px;
}
.forbes-text {
width: 35%;
}
.pl-md-forbes{
padding-left: 30px;
}
#secure-hover {
right: auto;
left: -170px;
}
#integrated-hover {
left: auto;
right: -225px;
top: 50px;
}
#scalable-hover {
top: auto;
left: 50%;
bottom: 90px;
}
}
@media (max-width: 992px) {
.hover-wrap {
display: none;
}
.banner-center-wrapper {
padding: 0px 0 50px;
}
.banner-center h1 {
font-size: 50px;
line-height: 64px;
}
.container {
padding-left: 0;
padding-right: 0;
}
.make-it-simple-img-width, .make-it-simple-text-width {
width: 100%;
}
.how-it-works p {
margin-top: 15px;
font-weight: 500;
}
.description-width {
width: 100%;
}
.flex-get-started-width div:nth-child(1) {
min-height: 130px;
}
.use-case-container {
justify-content: space-evenly;
}
.forbes-text {
width: 50%;
}
.forbes-banner-img {
/* border-left: 2px solid white; */
padding-left: 15px;
}
#learn-more, #get-started {
min-width: 219px;
}
.card-box {
margin-top: 30px
}
.vertical-line {
display: none;
}
.stats {
text-align: center;
margin:30px !important;
}
.features-cards-container .card-text {
height: auto !important;
}
h2 {
font-size: 30px !important;
}
.banner-right img {
margin: 0px auto;
float: unset !important;
}
#hoverable-img {
margin:auto;
}
}
@media (min-width: 992px) {
.pt-md-10 {
padding-top: 10px;
}
.block {
padding: 80px 0;
}
.flex-get-started-width {
width: 30%;
}
.make-it-simple-img-width {
width: 60%;
}
.make-it-simple-text-width {
width: 40%;
}
.how-it-works:hover > div img {
filter: grayscale(0);
}
.how-it-works:hover > div p {
color: #2595FF;
font-weight: 500;
}
.how-it-works img {
filter: grayscale(100%);
}
.how-it-works a {
color: black;
}
.how-it-works p {
margin-top: 20px;
}
.description-width {
width: 60%;
}
.flex-get-started-width div:nth-child(1) {
min-height: 180px;
}
.forbes-img {
width: 17%;
}
.forbes-banner-img{
width: 31%;
border-left: 2px solid white;
}
.banner-right {
width: 46%;
}
.banner-left {
width: 54%;
}
.banner-right img {
position: relative;
left: 50px;
}
.hoverable-list b:hover {
color:#2595ff !important;
}
#hoverable-img {
padding-right: 60px;
}
#accept-cookies {
height: 50px;
margin:auto;
}
}
@media (min-width: 772px) {
.customer-icons img {
width: 175px;
}
.cta-left {
width: 70%;
}
.cta-right {
width: 30%;
}
.forbes-banner-text{
width: calc(100% - 180px);
}
h3 {
font-size: 24px;
}
.font-size {
font-size: 38px;
}
}
@media (max-width: 772px) {
.customer-icons img {
width: 100px;
margin-bottom: 10px;
}
#learn-more {
margin-right: 0px !important;
}
.block {
padding: 60px 25px;
}
.forbes-img {
width: 100%;
}
.forbes-text {
width: 75%;
}
.forbes-banner-text{
width: calc(100% - 140px);
padding-left: 4px;
}
}
@media (max-width: 492px) {
.how-it-works img {
width: 145px;
}
.use-case-container {
justify-content: space-between;
}
.forbes-text {
width: 100%;
}
.company-example span{
margin-left: auto !important;
}
.news-cards-container .card-text {
height: auto !important;
}
}
.brands-background {
background: #d8d8d8;
}
.py-block {
padding: 100px 0;
}
.text-white {
color: white;
}
.cursor-pointer {
cursor: pointer;
}
.mktg-link {
color: #272f37;
}
.how-it-works {
cursor: pointer;
}
.make-it-simple-text-width ul {
font-size: 1.5em;
}
.make-it-simple-text-width ul li {
margin-top: 10px;
}
.inner-img {
width: 180px;
height: 180px;
border: 5px solid #2595FF;
border-radius: 50%;
}
.forbes-fold li b {
color: #2595FF;
}
.schedule-demo-btn:focus{
text-decoration: none;
background: transparent;
color: #fff;
border-color: #fff;
}
/*For devices with viewport below 365px: Samsung S5, Apple iphone SE*/
@media(max-width: 385px){
.w-full-mobile{
width: 100%;
}
.mt-mobile-down-1{
margin-top: 20px;
}
}
@media(min-width: 386px){
.ml-mobile-up-1{
margin-left: 20px;
}
}
.forbes-banner-text a{
color: #525252;
}
.forbes-banner-text a:hover{
color: #2d3238;
}
.know-your-tool button:focus{
background: #2595FF;
color: white;
}
.align-content-flex-end{
align-content: flex-end;
}
.align-items-flex-start{
align-items: flex-start;
}
.banner-left h6 a{
color: white;
}
.banner-left h6 a:hover{
color: #bbb;
}
.cta-links {
font-weight: 500;
font-size: 23px;
}
.company-example {
border: 1px solid rgba(0,0,0,0.1);
border-radius:5px;
font-size:18px;
padding:15px 26px;
font-weight: 400;
margin-top:50px;
min-height: 82px;
}
.company-example span {
margin:auto;
margin-left:0px;
color :#bbbbbb;
}
.company-example img {
width:150px;
height: 50px;
}
.hoverable-list {
font-size: 24px;
line-height: 30.5px;
letter-spacing: -0.39px;
margin-top:40px
}
.hoverable-list li {
padding: 12px 0px;
}
.buttom-cta-with-stats .vertical-line {
height: 130px !important;
color: #ffff;
opacity: .3;
width: 1px;
background: #fff;
}
.stats i {
line-height: 25px;
text-align: center;
}
.stats {
margin: auto 0px;
}
.stats2 {
font-weight: 400;
}
/*todo: move this css to the main beaconstac library*/
.fw-300 {
font-weight:300 !important;
}
.fw-400 {
font-weight:400 !important;
}
img {
object-fit: contain;
}
.banner-subheading {
font-size:20px !important;
font-weight: 300 !important;
line-height: 30px !important;
letter-spacing: 0 !important;
}
p {
font-size:18px;
line-height: 25px;
letter-spacing: 0px;
}
.background-blue {
background: #2595ff;
}
.card-box {
/*height: 383px;*/
width: 300px;
background: #fff;
border-radius: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.card-text{
padding: 28px;
}
.card-text img {
height:70px;
}
.card-text h3 {
font-size: 26px !important;
font-weight: 300 !important;
margin-top: 30px;
height: 4em;
color: white;
}
.card-footer {
border-top: 1px solid #f1f1f1;
}
.news-cards-container .card-box {
background: #fff;
border-radius: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.news-cards-container .card-text {
height: 200px;
}
.news-cards-container .card-footer {
height: 100px;
border-top: 1px solid #f1f1f1;
}
.features-cards-container .card-box {
background: #16212f;
border-radius: 5px;
border: 1px solid rgba(255,255,255, 0.1);
box-shadow: none;
}
.features-cards-container .card-text {
height: 460px;
color: rgba(255,255,255, 0.8);
}
.features-cards-container .card-text h4 {
color: #fff;
}
.features-cards-container .card-footer {
height: 70px;
border-top: 1px solid rgba(255,255,255, 0.1);;
padding: 22px 30px;
}
body {
color: #16212F;
}
.text-blue {
color: #2595ff;
}
.newsroom-logo {
margin:auto;
width: 220px;
}
.learn-more {
border: 1px solid #fff;
}
.banner-left h1 b {
font-weight: 700;
}
.btn {
font-size:18px !important;
}
.privacy-text {
font-size: 15px;
line-height: 19px;
margin-bottom: 0px;
}
.heading-muted {
font-size: 18px !important;
line-height: 23px !important;
letter-spacing: 0 !important;
color: #bbb;
margin-bottom: 5px !important;
margin-top: 10.5px !important;
font-weight: 400;
}
/*220825*/
.want-use-bar-code {
display: flex;
z-index: 1;
position: relative;
}
.want-use-bar-code .cs-right h4 {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #000000;
}
.want-use-bar-code .cs-right .input-wrapper input.btn {
width: 239px;
background: #7CBFFF;
border-radius: 2px;
font-family: 'Work Sans';
font-style: normal;
font-weight: 500;
font-size: 14px!important;
line-height: 15px;
color: #fff;
margin-top: 7px;
transition: 0.3s ease-in-out;
}
.want-use-bar-code .cs-right .input-wrapper input.btn.active {
background: #2595FF;
}
.want-use-bar-code .cs-left figure img {
width: 100%;
height: 100%;
object-fit: contain;
border: 2px solid #2595FF;
border-radius: 12px;
background-color: #fff;
}
.want-use-bar-code .cs-left figure {
width: 105px;
height: 105px;
flex: 0 0 105px;
margin-right: 20px;
}
.want-use-bar-code .cs-right input[type=text] {
max-width: 239px;
height: 28px;
background: #FAFAFA;
border: 1px solid #E4E5E7;
text-align: center;
display: block;
width: 100%;
padding: 4px 10px;
outline: none;
}
.want-use-bar-code .cs-right input[type=text], .want-use-bar-code .cs-right .input-wrapper input.btn {
width: 290px;
max-width: 100%;
}
img.image-line-after {
width: 100%!important;
display: block;
height: 100%;
}
.want-use-bar-code.cs-column-reverse {
flex-direction: row-reverse;
}
.want-use-bar-code.cs-column-reverse .cs-left figure {
margin-right: 0;
margin-left: 20px;
}
.home-page-big-outer {
position: relative;
}
.width-half-content {
max-width: 450px;
}
.width-half-content p {
font-size: 17px;
line-height: 21px;
margin-top: 0!important;
}
.home-page-big-outer .img-responsive {
object-fit: contain!important;
height: 100%;
width: 100%;
max-width: 423px;
}
.big-wrapper-card {
/* max-width: 800px; */
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.width-half-content.cs-one {
padding-top: 45px;
}
.width-half-content.cs-two {
padding-top: 32px;
}
.width-half-content.cs-three {
padding-top: 22px;
}
.width-half-content h3 {
font-family: 'Work Sans';
font-style: normal;
font-weight: 600!important;
font-size: 24px!important;
line-height: 28px!important;
color: #000000;
}
.width-half-content.cs-one .want-use-bar-code {
padding-top: 26px;
}
.width-half-content.cs-two .want-use-bar-code {
padding-top: 26px;
}
.width-half-content.cs-three .want-use-bar-code {
padding-top: 26px;
}
.home-page-big-outer img.image-line-after {
position: absolute;
width: max-content!important;
height: max-content!important;
}
.home-page-big-outer img.image-line-after.cs-first {
left: 31%;
top: 29%;
}
.home-page-big-outer img.image-line-after.cs-second {
left: -17%;
bottom: 22%;
}
.home-page-big-outer img.image-line-after.cs-third {
left: 52%;
bottom: 15%;
}
.home-page-big-outer img.image-line-after.cs-fourth {
left: -21%;
bottom: 25%;
max-width: 270px;
}
@media(max-width: 1199px){
.home-page-big-outer img.image-line-after.cs-first {
left: 34%;
top: 31%;
width: 330px!important;
}
.home-page-big-outer img.image-line-after.cs-second {
width: 230px!important;
}
.home-page-big-outer img.image-line-after.cs-third {
left: 57%;
bottom: 15%;
width: 240px!important;
}
.home-page-big-outer img.image-line-after.cs-fourth {
left: -21%;
bottom: 30%;
max-width: 210px;
}
.want-use-bar-code .cs-right input[type=text], .want-use-bar-code .cs-right .input-wrapper input.btn {
width: 270px;
max-width: 100%;
}
}
@media(max-width: 992px){
.big-wrapper-card .width-half {
max-width: 400px;
margin: 0 auto;
}
img.image-line-after {
display: none;
}
.big-wrapper-card {
padding: 30px 0!important;
margin: 0px!important;
}
.width-half-content.cs-one , .width-half-content.cs-two , .width-half-content.cs-three , .width-half-content.cs-fouth{
padding-top: 20px;
}
}
@media(max-width: 767px){
.width-half-content h3 {
font-size: 20px!important;
line-height: 26px!important;
}
.want-use-bar-code{
align-items: center;
}
.want-use-bar-code .cs-right h4{
margin-top: 0;
}
.want-use-bar-code .cs-right input[type=text]{
height: 32px;
}
.want-use-bar-code .cs-right .input-wrapper input.btn {
max-width: 100%;
height: 32px;
}
.want-use-bar-code .cs-right {
width: calc(100% - 125px);
}
.want-use-bar-code {
align-items: center;
max-width: 363px;
}
.want-use-bar-code.cta-2-wrapper{
margin-left: auto;
}
}
@media(max-width: 480px){
.want-use-bar-code {
flex-wrap: wrap;
justify-content: center;
}
.card-box {
width: 100%;
max-width: 300px;
}
}
@media(max-width: 415px){
.want-use-bar-code .cs-left figure {
margin: 0 0px 0 0!important;
}
.want-use-bar-code.cs-column-reverse .cs-left figure {
margin-left: 0px!important;
margin-right: 0!important;
}
.want-use-bar-code {
/*flex-direction: column!important;*/
align-items: center;
}
.want-use-bar-code .cs-left{
padding-right: 15px;
}
.want-use-bar-code.cta-2-wrapper .cs-left,
.want-use-bar-code.cta-4-wrapper .cs-left{
padding-left: 15px;
padding-right: 0;
}
.want-use-bar-code .cs-right {
width: calc(100% - 120px);
}
}
/*220825 end*/
</style>
<style>
.is-invalid-custom-input:focus, .is-invalid-custom-input{
border-color:#FF445E !important;
}
.error-blow-email{
color: #FF445E;
display: block;
margin-top: 5px;
font-size: 13px;
}
#signupForm .is-invalid-custom-input
{
margin-bottom: 0;
}
.input-group .error-blow-email {
position: absolute;
bottom: -30px;
font-size: 13px;
left: 0;
}
div#pills-social form#widget-form li span {
position: relative;
bottom: 16px;
left: 30px;
}
div#restaurant-coupon .row span.error-blow-email.error {
position: absolute;
bottom: 0;
left: 0;
text-align: left;
padding-left: 20px;
}
div#restaurant-coupon .row {
position: relative;
}
</style>
<script>
/**
* Set error message for elements
* @param message Error message
* @param type of error (danger, warning). Default = danger
* @param duration for the message to be displayed
* @param element for which the error has to be displayed
* @param position of the error message (top or bottom). Default = bottom
* @param box Box display
*/
async function showErrorForElementV2(message, element, showOrHide) {
const closest_error = element.nextSibling;
if (typeof element === "undefined" && typeof closest_error === "undefined") {
if(showOrHide){
if(closest_error.nodeName != "SPAN"){
const error = document.createElement('span');
error.id = 'span-error-' + element.id;
error.style.width = '100%';
error.style.fontSize = '13px';
error.innerHTML = message;
error.classList.add("error-blow-email");
element.classList.add("is-invalid-custom-input");
error.classList.add("error");
element.parentNode.insertBefore(error, element.nextSibling);
}
}else{
if(closest_error.nodeName == "SPAN"){
if(closest_error.innerHTML == message){
element.nextSibling.remove();
element.classList.remove('is-invalid-custom-input');
}
}
}
}
}
function emailValidation(email_input){
const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
const closest_error = email_input.nextSibling.nodeName;
if(!re.test(email_input.value)){
if(closest_error != "SPAN"){
email_input.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "Please enter a valid email address.";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
email_input.parentNode.insertBefore(spanTag, email_input.nextSibling);
}else{
if(closest_error == 'SPAN'){
email_input.nextSibling.innerHTML = "Please enter a valid email address.";
}
}
} else {
email_input.classList.remove('is-invalid-custom-input');
if(closest_error == "SPAN"){
email_input.nextSibling.remove();
}
}
}
async function addEmailValidation(email_input){
if(typeof email_input != 'undefined'){
if(email_input.value != ''){
emailValidation(email_input);
}
email_input.oninput = () => {
emailValidation(email_input);
}
}
}
async function addEmailValidationEmpty(element){
if(element.value == ""){
if(!element.classList.contains("is-invalid-custom-input")){
element.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "Please enter a valid email address.";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
element.parentNode.insertBefore(spanTag, element.nextSibling);
}
}else{
element.classList.remove('is-invalid-custom-input');
if(element.classList.contains("is-invalid-custom-input")){
const closest_error = email_input.nextSibling.nodeName;
if(typeof closest_error != 'undefined' && closest_error == "SPAN"){
element.nextSibling.remove();
}
}
}
}
async function addNameValidation(name_input,fieldName='Name'){
if(typeof name_input != 'undefined'){
name_input.oninput = () => {
var element = name_input;
const closest_error = name_input.nextSibling.nodeName;
if(element.value.length>30){
if(!element.classList.contains("is-invalid-custom-input")){
element.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = fieldName+" cannot be greater than 30 characters";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
element.parentNode.insertBefore(spanTag, element.nextSibling);
}
}
else{
if(element.classList.contains("is-invalid-custom-input")){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
}
}
}
async function addWebsiteValidation(website_input){
if(typeof website_input != 'undefined'){
website_input.oninput = () => {
const re = /[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
const closest_error = website_input.nextSibling.nodeName;
if(!re.test(website_input.value) && website_input.value != ''){
if(closest_error != "SPAN"){
website_input.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "Please enter a valid website address.";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
website_input.parentNode.insertBefore(spanTag, website_input.nextSibling);
}
} else {
website_input.classList.remove('is-invalid-custom-input');
if(closest_error == "SPAN"){
website_input.nextSibling.remove();
}
}
}
}
}
async function addFormValidation(form){
Array.from(form.elements).forEach(element => {
if(element.classList.contains('form-control')){
element.oninput = () => {
if(element.dataset.type == 'email'){
if(element.value != ''){
if(element.classList.contains("is-invalid-custom-input")){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
const regexEmail = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if(!regexEmail.test(element.value) && element.value != ''){
if(!element.classList.contains("is-invalid-custom-input")){
element.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "Please enter a valid email address.";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
element.parentNode.insertBefore(spanTag, element.nextSibling);
}
}else{
if(element.classList.contains("is-invalid-custom-input")){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
}else if(element.dataset.type == 'firstName'){
if(element.value.length>30){
if(!element.classList.contains("is-invalid-custom-input")){
element.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "First name cannot be greater than 30 characters";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
element.parentNode.insertBefore(spanTag, element.nextSibling);
}
}
else{
if(element.classList.contains("is-invalid-custom-input")){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
}else if(element.dataset.type == 'lastName'){
if(element.value.length>30){
if(!element.classList.contains("is-invalid-custom-input")){
element.classList.add('is-invalid-custom-input');
var spanTag = document.createElement("span");
spanTag.innerHTML = "Last name cannot be greater than 30 characters";
spanTag.classList.add("error-blow-email");
spanTag.classList.add("error");
element.parentNode.insertBefore(spanTag, element.nextSibling);
}
}
else{
if(element.classList.contains("is-invalid-custom-input")){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
}else{
if(element.classList.contains("is-invalid-custom-input")){
if(element.value != ''){
element.nextSibling.remove();
element.classList.remove("is-invalid-custom-input");
}
}
}
}
}
});
}</script>
<meta http-equiv="origin-trial" content="A751Xsk4ZW3DVQ8WZng2Dk5s3YzAyqncTzgv+VaE6wavgTY0QHkDvUTET1o7HanhuJO8lgv1Vvc88Ij78W1FIAAAAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjgwNjUyNzk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A751Xsk4ZW3DVQ8WZng2Dk5s3YzAyqncTzgv+VaE6wavgTY0QHkDvUTET1o7HanhuJO8lgv1Vvc88Ij78W1FIAAAAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjgwNjUyNzk5LCJpc1RoaXJkUGFydHkiOnRydWV9"><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/10954130502/?random=1675350781159&cv=11&fst=1675350781159&bg=ffffff&guid=ON&async=1&gtm=2oa210&u_w=1366&u_h=768&hn=www.googleadservices.com&frm=0&url=https%3A%2F%2Fwww.beaconstac.com%2F&tiba=QR%20Code%20Management%20Platform%20for%20modern%20businesses%20%7C%20Beaconstac&auid=1518270848.1675350781&data=event%3Dgtag.config&rfmt=3&fmt=4"></script></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMLR4W2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="block" id="privacy-policy-modal"><div class="w-100 container d-flex flex-container justify-content-space-around-md justify-content-center-sm row m-x-auto mx-auto">
<div class="flex-container align-items-center px-sm-1 col-md-10 text-center-sm">
<p class="privacy-text">We use cookies to provide better browsing experience and understand how visitors use our website. By continuing to use this site you consent to the use of cookies in accordance with our <a style="display:inline" href="/privacy"> privacy policy</a></p>
</div>
<button class="btn btn-primary mt-xs-1 col-md-2 text-uppercase" id="accept-cookies" onclick="acceptCookies()" style="color:#fff;">GOT IT</button>
</div>
</div>
<div class="sidenav text-uppercase" id="sidebar">
<div class="sticky-sidenav-top flex-container justify-content-space-between" id="sticky-sidenav">
<a href="/">
<img src="https://static.beaconstac.com/assets/img/beaconstac-registered-blue.svg" title="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" alt="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" width="136" height="30">
</a>
<i class="fa fa-times sidenav-arrow" aria-hidden="true" onclick="closeSidebar()"></i>
</div>
<ul class="nav nav-bordered nav-stacked side-nav" style="margin-top:30px">
<li>
<a id="product-title" class="sidenav-dropdown" href="javascript:void(0);" onclick="expandMenu('product')" style="color: #000000 !important;">PRODUCT<i id="product-arrow" class="fa fa-chevron-circle-down" aria-hidden="true" style="float: right;"></i></a>
<div id="product" class="sidebar-dropdown set-background">
<ul class="list-style-type-none">
<li class="p-t"><a href="/qr-code-generator">QR Code generator</a></li>
<li class="p-t"><a href="/digital-business-card/solution">Digital Business Card</a></li>
<li class="p-t"><a href="/why-beaconstac">Why Beaconstac</a></li>
<li class="p-t"><a href="/customer-stories">Customer stories</a></li>
<li class="p-t"><a href="/dynamic-qr-code-generator">Dynamic QR Code generator</a></li>
<li class="p-t"><a href="/qr-code-generator-api">QR Code API</a></li>
<li class="p-t"><a href="/qr-code-tracking">QR Code tracking</a></li>
<li class="p-t"><a href="https://blog.beaconstac.com/2019/04/best-qr-code-generator-how-to-select-the-right-qr-code-generator/">Choosing the best QR Code generator</a></li>
<li class="p-t"><a href="/whats-new">What’s new</a></li>
<li class="p-t">
<div class="cs-side-cta top-nav-cta">
<div class="pick-a-template-cs">
<div class="banner-slider-code-outer cs-sidebar-qr-template mobile-sidebar-parent-carousel">
<div class="div-wrapper">
<div id="myCarousel-1" class="carousel slide top-nav-slider" data-ride="carousel" data-interval="false">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-1.png" alt="qr-template-1" data-templateid="1">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-2.png" alt="qr-template-2" data-templateid="2">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-3.png" alt="qr-template-3" data-templateid="3">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-4.png" alt="qr-template-4" data-templateid="4">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-5.png" alt="qr-template-5" data-templateid="5">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-6.png" alt="qr-template-6" data-templateid="6">
</figure>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel-1" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left">
<i class="fa fa-chevron-left" aria-hidden="true"></i>
</span>
</a>
<a class="right carousel-control" href="#myCarousel-1" data-slide="next">
<span class="glyphicon glyphicon-chevron-right">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span>
</a>
<!-- Indicators -->
<ol class="carousel-indicators cs-thumnail-3">
<li data-target="#myCarousel-1" data-slide-to="0" class="active"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-1.png" alt=""></li>
<li data-target="#myCarousel-1" data-slide-to="1"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-2.png" alt=""></li>
<li data-target="#myCarousel-1" data-slide-to="2"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-3.png" alt=""></li>
<li data-target="#myCarousel-1" data-slide-to="3"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-4.png" alt=""></li>
<li data-target="#myCarousel-1" data-slide-to="4"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-5.png" alt=""></li>
<li data-target="#myCarousel-1" data-slide-to="5"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-6.png" alt=""></li>
</ol>
</div>
<div class="use-template-wrap">
<p>Pick a template and create your 1st QR code.</p>
<form onsubmit="event.preventDefault(); top_nav_redirect_to_signup('mobile_nav_email');">
<input id="mobile_nav_email" type="text" placeholder="Enter email address">
<input type="button" onclick="top_nav_redirect_to_signup('mobile_nav_email')" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
</div>
</div></li>
</ul>
</div>
</li>
<li>
<a id="solution-title" class="sidenav-dropdown" href="javascript:void(0);" onclick="expandMenu('solution')" style="color: #000000 !important;">SOLUTION<i id="solution-arrow" class="fa fa-chevron-circle-down" aria-hidden="true" style="float: right;"></i></a>
<div id="solution" class="sidebar-dropdown set-background">
<ul class="list-style-type-none">
<li class="dropdown-content-heading subheading p-t">by industry</li>
<li class="p-t"><a href="/qr-code-menu-restaurants">Restaurants</a></li>
<li class="p-t"><a href="/qr-codes-nfc-for-consumer-goods">Consumer goods</a></li>
<li class="p-t"><a href="/qr-code-in-real-estate">Real estate</a></li>
<li class="p-t"><a href="/qr-codes-in-retail">Retail</a></li>
</ul>
<ul class="list-style-type-none">
<li class="dropdown-content-heading subheading p-t-md">by USE CASE</li>
<li class="p-t"><a href="/digital-business-card/">Make digital business cards</a></li>
<li class="p-t"><a href="/contactless-solution">Go contactless</a></li>
<li class="p-t"><a href="/qr-code-marketing">Improve marketing</a></li>
<li class="p-t"><a href="/qr-code-on-product-packaging">Make interactive packaging</a></li>
<li class="p-t"><a href="/app-download-qr-code">Increase app downloads</a></li>
<li class="p-t"><a href="https://blog.beaconstac.com/2020/05/shoppable-qr-codes/">TV commercials</a></li>
<li class="p-t p-b"><a href="/qr-code-use-cases" style="color: #2596FD; font-weight: 600;">All use cases</a></li>
</ul>
<ul class="list-style-type-none">
<li class="dropdown-content-heading subheading p-t-md">by business</li>
<li class="p-t"><a href="/enterprise">Enterprise</a></li>
<li class="p-t p-b"><a href="https://blog.beaconstac.com/2019/03/how-to-create-and-use-qr-codes-for-your-small-business/">Small business</a></li>
</ul>
</div>
</li>
<li>
<a id="learn-title" class="sidenav-dropdown" href="javascript:void(0);" onclick="expandMenu('learn')" style="color: #000000 !important;">LEARN<i id="learn-arrow" class="fa fa-chevron-circle-down" aria-hidden="true" style="float: right;"></i></a>
<div id="learn" class="sidebar-dropdown set-background">
<ul class="list-style-type-none">
<li class="p-t"><a href="/podcast">Hello DTC podcast</a></li>
<li class="p-t"><a href="https://blog.beaconstac.com/">Blog</a></li>
<li class="p-t"><a href="/resources">Resources</a></li>
<li class="p-t p-b"><a href="/qr-code-basics">QR Code basics</a></li>
</ul>
</div>
</li>
<li>
<a id="pricing-title" class="sidenav-dropdown" href="/buy-qr-code-solution/">PRICING</a>
</li>
<li>
<a id="demo-title" class="sidenav-dropdown" href="/schedule-demo">DEMO</a>
</li>
<li>
<a id="hamburger-login" class="sidenav-dropdown" href="https://dashboard.beaconstac.com">Login</a>
</li>
</ul>
<div class="sticky-sidenav-bottom flex-container justify-content-center" id="sticky-sidenav-cta">
<a href="JavaScript:void(0);" id="sidenav-trial" class="" onclick="FillQRStarterForm('','','','Nav Header',false,false)"><button class="start-trial-cta sidenav-dropdown" style="padding: 15px 30px !important; margin: 0;">START FREE TRIAL</button></a>
<a href="https://dashboard.beaconstac.com" id="sidenav-dashboard" class="hidden"><button class="dashboard-cta sidenav-dropdown" style="padding: 15px 30px !important; margin: 0; color: #FFFFFF;">DASHBOARD
<img class="" src="https://static.beaconstac.com/assets/img/side-arrow.svg" data-src="https://static.beaconstac.com/assets/img/side-arrow.svg" style="margin-top: -5px; margin-left: 5px;" width="" height="">
</button></a>
</div>
</div>
<style>
.side-nav > li > a:focus, .side-nav > li > a:hover {
background: transparent !important;
color: #2595FF !important;
}
.set-background {
background: rgba(22, 33, 47, 0.04);
}
.sidebar-dropdown li a {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.2px;
text-transform: none;
color: #16212F;
}
.sidenav-dropdown {
font-style: normal;
font-weight: 600 !important;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.2px;
text-transform: uppercase;
color: #000000;
margin: 30px 30px 0px;
border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
border-left: 0 !important;
padding: 0 0 10px 0 !important;
}
.subheading {
font-style: normal;
text-transform: uppercase !important;
font-weight: 600 !important;
}
.sidebar-dropdown li {
padding-left: 15px;
padding: 5px 0 5px;
}
.sidebar-dropdown {
/*max-height: 0;*/
display: none;
}
.sidebar-dropdown.active {
/*min-height: 100px;*/
display: block;
}
.sidebar-dropdown-subheading.active {
/*min-height: 100px;*/
display: block;
}
.sidebar-dropdown-solution {
/*max-height: 0;*/
display: none;
}
.sidebar-dropdown-solution > a {
color: #525252;
}
.navbar-toggle {
float: right !important;
}
.sidebar-dropdown-solution.active {
/*min-height: 100px ;*/
display: flex !important;
flex-direction: column;
padding-left: 40px;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 12000;
top: 0;
right: 0;
background: #ffffff;
overflow-x: hidden;
transition: 0.3s;
}
.sidenav.active {
width: 100%;
}
.sidenav-arrow {
font-size: 30px;
color: #16212F;
}
.sidenav-sub-dropdown ul {
margin: 5px 5px;
padding-inline-start: 10px;
border-left: 1px solid #bdbdbd;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.font-weight-700 {
font-weight: 700 !important;
}
.font-blue-bold {
color: #2595FF !important;
font-weight: 700;
}
.fa-plus, .fa-minus {
font-size: 10px;
position: relative;
top: -1px;
}
a:focus, a:hover {
color: #2595FF;
text-decoration: none;
}
.subheading-ul {
list-style-type: none;
padding: 5px 0 5px;
}
.subheading-ul li {
padding: 3px 0;
}
.subheading-ul li:first-child {
padding-top: 0px;
}
.subheading-ul li:last-child {
padding-bottom: 0px;
}
.transform-180-deg {
transform: rotate(180deg);
}
a:focus{
color: black;
}
#covidmobile-title {
border-radius: 5px;
background: #251E60;
padding: 5px;
color: white;
width: fit-content;
border-left: none;
}
#covidmobile-title:focus, #covidmobile-title:hover {
background: #251E60 !important;
color: #FFFFFF !important;
}
#covidmobile li:first-child {
margin-top: 8px;
}
.fa-plus, .fa-minus {
padding-left: 5px;
}
.p-l-1{
padding-left: 10px;
}
.subheading-text {
font-weight: 400;
color: #5e5d5d !important;
}
.sticky-sidenav-bottom {
bottom: 0;
position: sticky;
width: 100%;
z-index: 1000;
background: #ffffff;
transform: translate3d(0,0,0);
}
.sticky-sidenav-top {
padding: 30px 30px 30px;
top: 0;
position: sticky;
width: 100%;
z-index: 1000;
background: #ffffff;
transform: translate3d(0,0,0);
}
#hamburger-login {
color: #000
}
#sidenav-trial, #sidenav-dashboard {
margin: 30px 30px;
}
</style>
<script type="text/javascript">
let sideNavbar = document.getElementsByClassName('sidebar-dropdown');
let sideSubNavbar = document.getElementsByClassName('sidenav-sub');
let sideSubNavbarDropdown = document.getElementsByClassName('sidenav-sub-dropdown');
let industry = document.getElementById('industry');
let technology = document.getElementById('technology');
let qrCodes = document.getElementById('qr');
let beacons = document.getElementById('beacons');
function expandMenu(id){
event.target.classList.toggle('font-weight-700');
rotateArrowUpsideDown(id);
let inputCategory = document.getElementById(id);
let activelyExpandedCategory;
for(let i=0; i<sideNavbar.length; i++){
if(sideNavbar[i].classList.contains('active')){
sideNavbar[i].classList.remove('active');
activelyExpandedCategory = sideNavbar[i].id;
document.getElementById(activelyExpandedCategory + '-title').classList.remove('font-weight-700');
document.getElementById(activelyExpandedCategory + '-arrow').classList.remove('transform-180-deg');
break;
}
}
if(activelyExpandedCategory !== id){
inputCategory.classList.toggle('active');
}
}
function resetSideBar(){
for(let i=0; i<sideNavbar.length; i++){
if(sideNavbar[i].classList.contains('active')){
sideNavbar[i].classList.remove('active');
document.getElementById(sideNavbar[i].id + '-title').classList.remove('font-weight-700');
}
}
}
function rotateArrowUpsideDown(id) {
document.getElementById(id + '-arrow').classList.toggle('transform-180-deg');
}
</script>
<div class="block block-inverse pb-0" id="app-stage" style="background: #16212F;">
<nav id="navbar" class="navbar navbar-transparent navbar-fixed-top app-navbar slideDown-navbar p-t ">
<div class="container">
<div class="p-x-0 m-x-0">
<button type="button" class="navbar-toggle collapsed p-x" onclick="openSidebar();">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand-mobile flex-direction-column">
<a id="beaconstac-logo-white" class="navbar-brand p-white-logo" href="/">
<img class="ml-sm-2" src="https://static.beaconstac.com/assets/img/beaconstac-logo-white-tm.svg" title="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" alt="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" width="136" height="25">
</a>
<a id="beaconstac-logo" class="navbar-brand display-none p-logo" href="/" style="padding-top: 10px;">
<img class="ml-sm-2" src="https://static.beaconstac.com/assets/img/beaconstac-logo-blue-tm.svg" title="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" alt="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" width="136" height="30">
</a>
</div>
</div>
<div class="navbar-collapse collapse p-t-sm">
<ul id="list-active-left" class="nav navbar-nav navbar-left" style="margin-top: 3px; margin-left: 20px;">
<ul class="nav navbar-nav">
<li class="dropdown" id="product-nav">
<a href="#" class="nav-heading dropdown-heading" id="product-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PRODUCT <i id="product-desktop-arrow" class="fa fa-chevron-circle-down" aria-hidden="true"></i></a>
<div id="product-desktop" class="dropdown-content dropdown-menu" aria-labelledby="product-dropdown" style="color: black;">
<div class="flex-container">
<div class="dropdown-content-left cs-dropdown-content-left-1 p-l p-b-md">
<a class="flex-container justify-content-center m-t-md" href="/qr-code-generator">
<img class="m-t-sm" src="https://static.beaconstac.com/assets/img/navheader_qr_code.png" alt="Create QR Codes" title="Create QR Codes" width="45" height="45">
<div class="dropdown-content-list">
<div class="flex-container cs-header-title">
<p class="dropdown-content-heading m-b-sm">QR Code generator</p>
<div class="" style="background: rgb(37, 150, 253, 0.2); padding: 2px; height: 50%; margin-top:4px;"><div class="free-event cs-tag-wrapper">FREE</div></div>
</div>
<p class="dropdown-content-para">Try our free QR Code generator to get a feel for the platform, and see how it works.</p>
</div>
</a>
<a class="flex-container justify-content-center m-t-md" href="/digital-business-card/solution">
<img class="m-t-sm" src="https://static.beaconstac.com/assets/img/digital-business-card/address-card.svg" alt="Digital Business Card" title="Digital Business Card" width="45" height="45">
<div class="dropdown-content-list">
<div class="flex-container cs-header-title">
<p class="dropdown-content-heading m-b-sm">Digital Business Card</p>
<div class="cs-dbc-popular" style="background: rgb(37, 150, 253, 0.2); padding: 2px; height: 50%; margin-top:4px;"><div class="free-event cs-tag-wrapper"><img class="popular-star" src="https://static.beaconstac.com/assets/img/digital-business-card/star.svg" alt="star" title="Popular">POPULAR</div></div>
</div>
<p class="dropdown-content-para">Create Digital Business Card for your team</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/why-beaconstac">
<img class="m-t-sm" src="https://static.beaconstac.com/assets/img/navheader_why_beaconstac.png" alt="Why Beaconstac" title="Why Beaconstac" width="45" height="45">
<div class="dropdown-content-list">
<p class="dropdown-content-heading m-b-sm">Why Beaconstac</p>
<p class="dropdown-content-para">Find out why global brands choose Beaconstac as their QR Code partner</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/customer-stories">
<img class="m-t-sm" src="https://static.beaconstac.com/assets/img/navheader_customer_stories.png" alt="Customer stories" title="Customer stories" width="45" height="45">
<div class="dropdown-content-list">
<p class="dropdown-content-heading m-b-sm">Customer stories</p>
<p class="dropdown-content-para">Discover how Fortune 500 brands achieve their business goals with Beaconstac</p>
</div>
</a>
</div>
<div class="vl"></div>
<div class="dropdown-content-right cs-dropdown-content-middle-1 p-r p-t-md p-l-md m-l">
<a href="/dynamic-qr-code-generator"><p class="dropdown-content-heading dropdown-content-style">Dynamic QR Code generator</p></a>
<a href="/qr-code-generator-api"><p class="dropdown-content-heading dropdown-content-style m-t-md">QR Code API</p></a>
<a href="/qr-code-tracking"><p class="dropdown-content-heading dropdown-content-style m-t-md">QR Code tracking</p></a>
<a href="https://blog.beaconstac.com/2019/04/best-qr-code-generator-how-to-select-the-right-qr-code-generator/"><p class="dropdown-content-heading dropdown-content-style m-t-md">Choosing the best QR Code generator</p></a>
<a href="/whats-new"><p class="dropdown-content-heading dropdown-content-style m-t-md p-b-md">What’s new</p></a>
</div>
<div class="dropdown-content-right-1 cs-dropdown-content-right-3 p-l-md m-l p-t-md p-r">
<div class="cs-side-cta top-nav-cta">
<div class="pick-a-template-cs">
<div id="desktop_carousel" class="banner-slider-code-outer cs-dropdown--qr-code cs-sidebar-qr-template sidebar-parent-carousel">
<div class="div-wrapper">
<p>Pick a template and create your 1st QR code.</p>
<div id="myCarousel" class="carousel slide top-nav-slider" data-ride="carousel" data-interval="false">
<div class="carousel-outer-wrap">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-1.png" alt="qr-template-1" data-templateid="1">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-2.png" alt="qr-template-2" data-templateid="2">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-3.png" alt="qr-template-3" data-templateid="3">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-4.png" alt="qr-template-4" data-templateid="4">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-5.png" alt="qr-template-5" data-templateid="5">
</figure>
</div>
</div>
<div class="item">
<div class="s-d-slider-card-cs">
<figure>
<img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-6.png" alt="qr-template-6" data-templateid="6">
</figure>
</div>
</div>
</div>
</div>
<!-- Indicators -->
<ol class="carousel-indicators cs-thumnail-3">
<li data-target="#myCarousel" data-slide-to="0" class="active"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-1.png" alt=""></li>
<li data-target="#myCarousel" data-slide-to="1"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-2.png" alt=""></li>
<li data-target="#myCarousel" data-slide-to="2"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-3.png" alt=""></li>
<li data-target="#myCarousel" data-slide-to="3"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-4.png" alt=""></li>
<li data-target="#myCarousel" data-slide-to="4"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-5.png" alt=""></li>
<li data-target="#myCarousel" data-slide-to="5"> <img src="https://static.beaconstac.com/assets/img/top-nav-cta/qr-template-6.png" alt=""></li>
</ol>
</div>
</div>
<div class="use-template-wrap">
<form onsubmit="event.preventDefault(); top_nav_redirect_to_signup('desktop_nav_email');">
<input id="desktop_nav_email" type="text" placeholder="Enter email address">
<input type="button" onclick="top_nav_redirect_to_signup('desktop_nav_email')" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="#" class="nav-heading dropdown-heading" id="solution-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">SOLUTION <i id="solution-desktop-arrow" class="fa fa-chevron-circle-down" aria-hidden="true"></i></a>
<div id="solution-desktop" class="dropdown-content dropdown-menu" aria-labelledby="solution-dropdown" style="color: black;">
<div class="flex-container" style="padding-bottom: 5px">
<div class="dropdown-content-left-1 pl-md-3 ml-md-3 ml-sm-1 p-b-md">
<p class="dropdown-solution-heading1 m-t-md text-center" style="width: 53%;"><strong>by industry</strong></p>
<a class="flex-container justify-content-center" href="/qr-code-menu-restaurants">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_restaurants.png" alt="QR Codes for restaurants" title="QR Codes for restaurants" width="45" height="45">
<div class="dropdown-content-list" style="width: 58%;">
<p class="dropdown-content-heading m-b-sm">Restaurants</p>
<p class="dropdown-content-para">Go digital QR menus and beyond</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/qr-codes-nfc-for-consumer-goods">
<img class="m-t-sm" src="https://static.beaconstac.com/assets/img/navheader_consumer_goods.png" alt="QR Codes for CPG" title="QR Codes for CPG" width="45" height="45">
<div class="dropdown-content-list" style="width: 58%;">
<p class="dropdown-content-heading m-b-sm">Consumer goods</p>
<p class="dropdown-content-para">Setup a DTC channel with QR Codes</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/qr-code-in-real-estate">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_real_estate.png" alt="QR Codes for real estate" title="QR Codes for real estate" width="45" height="45">
<div class="dropdown-content-list" style="width: 58%;">
<p class="dropdown-content-heading m-b-sm">Real estate</p>
<p class="dropdown-content-para">Make your paperwork digital with QR Codes</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/qr-codes-in-retail">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_retail.png" alt="QR Codes for retail" title="QR Codes for retail" width="45" height="45">
<div class="dropdown-content-list" style="width: 58%;">
<p class="dropdown-content-heading m-b-sm">Retail</p>
<p class="dropdown-content-para">Leverage QR Codes for a smart store experience</p>
</div>
</a>
</div>
<div class="vl"></div>
<div class="dropdown-content-middle-1 p-r p-t-md p-l-md m-l">
<p class="dropdown-solution-heading1"><strong>BY USE CASE</strong></p>
<a href="/digital-business-card/"><p class="dropdown-content-heading dropdown-content-style ">Make digital business cards</p></a>
<a href="/contactless-solution"><p class="dropdown-content-heading dropdown-content-style m-t">Go contactless</p></a>
<a href="/qr-code-marketing"><p class="dropdown-content-heading dropdown-content-style m-t">Improve marketing</p></a>
<a href="/qr-code-on-product-packaging"><p class="dropdown-content-heading dropdown-content-style m-t">Make interactive packaging</p></a>
<a href="/app-download-qr-code"><p class="dropdown-content-heading dropdown-content-style m-t">Increase app downloads</p></a>
<a href="https://blog.beaconstac.com/2020/05/shoppable-qr-codes/"><p class="dropdown-content-heading dropdown-content-style m-t">TV commercials</p></a>
<a href="/qr-code-use-cases"><p class="dropdown-content-heading m-t" style="color: #2596FD;">All use cases</p></a>
</div>
<div class="vl"></div>
<div class="dropdown-content-right-1 p-l-md m-l p-t-md p-r">
<p class="dropdown-solution-heading1"><strong>BY BUSINESS</strong></p>
<a href="/enterprise"><p class="dropdown-content-heading dropdown-content-style">Enterprise</p></a>
<a href="https://blog.beaconstac.com/2019/03/how-to-create-and-use-qr-codes-for-your-small-business/"><p class="dropdown-content-heading dropdown-content-style m-t">Small businesses</p></a>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="#" class="nav-heading dropdown-heading" id="learn-dropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">LEARN <i id="learn-desktop-arrow" class="fa fa-chevron-circle-down" aria-hidden="true"></i></a>
<div id="learn-desktop" class="dropdown-content dropdown-menu" aria-labelledby="learn-dropdown" style="color: black;">
<div class="flex-container">
<div class="dropdown-content-left-1 pl-md-3 ml-md-3 ml-sm-1 p-b-md">
<a class="flex-container justify-content-center m-t-md" href="/podcast">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_podcast.png" alt="Hello DTC podcast" title="Hello DTC podcast" width="45" height="45">
<div class="dropdown-content-list">
<div class="flex-container">
<p class="dropdown-content-heading m-b-sm">Hello DTC podcast</p>
<div class="" style="background: rgb(37, 150, 253, 0.2); padding: 2px; height: 50%; margin: 2px 7px;"><div class="free-event">POPULAR</div></div>
</div>
<p class="dropdown-content-para">Uncovering the secret sauce for growth for leading DTC brands</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="https://blog.beaconstac.com/">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_blog.png" alt="Blog" title="Blog" width="45" height="45">
<div class="dropdown-content-list">
<p class="dropdown-content-heading m-b-sm">Blog</p>
<p class="dropdown-content-para">Everything you need to know about QR Codes</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/resources">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_resources.png" alt="Resources" title="Resources" width="45" height="45">
<div class="dropdown-content-list">
<p class="dropdown-content-heading m-b-sm">Resources</p>
<p class="dropdown-content-para">Access our ebooks and webinars, for FREE</p>
</div>
</a>
<a class="flex-container justify-content-center m-t" href="/qr-code-basics">
<img class="" src="https://static.beaconstac.com/assets/img/navheader_qr_code.png" alt="QR Code basics" title="QR Code basics" width="45" height="45">
<div class="dropdown-content-list">
<p class="dropdown-content-heading m-b-sm">QR Code basics</p>
<p class="dropdown-content-para">New to QR Codes? We've you covered!</p>
</div>
</a>
</div>
<div class="vl"></div>
<div class="dropdown-content-right p-r p-t-sm p-l-md m-l m-y-auto">
<a href="/ebook/qr-codes-for-cpg-brands" class="flex-container">
<img class="lazy" data-src="https://static.beaconstac.com/assets/img/ebook-qr-cpg.png" src="" title="QR Codes for CPG brands" alt="QR Codes for CPG brands" style="width:25%" width="150" height="230">
<div style="width:75%;padding-left:30px;margin:auto;">
<p class="dropdown-content-para" style="width: 90%;font-size:18px;line-height: 1.4;opacity: 1">We’re betting 2022 will be defined by smarter QR Code campaigns in the CPG space. Discover how other CPG brands are leveraging QR Codes.</p>
<p class="dropdown-content-heading" style="color: #2596FD;">Read More</p>
</div>
</a>
</div>
</div>
</div>
</li>
</ul>
<ul class="nav navbar-nav">
<li>
<a class="list-dropdown" href="/buy-qr-code-solution/">PRICING</a>
</li>
</ul>
<ul class="nav navbar-nav">
<li>
<a class="list-dropdown" href="/schedule-demo">DEMO</a>
</li>
</ul>
</ul>
<ul id="list-active-right" class="nav navbar-nav navbar-right" style="margin-top: 3px;">
<li id="user-dropdown">
<ul id="existing-user" class="nav navbar-nav navbar-right text-uppercase right-display hidden">
<li class="">
<a class="p-t-0" id="nav-dashboard-cta" href="https://dashboard.beaconstac.com">
<button class="dashboard-cta" style="color: #FFFFFF;">DASHBOARD
<img class="" src="https://static.beaconstac.com/assets/img/side-arrow.svg" alt="Dashboard" title="Dashboard" style="margin-top: -3px; margin-left: 5px;" width="" height="">
</button>
</a>
<a class="p-t-0 hidden" id="nav-trial-cta" href="JavaScript:void(0);" onclick="FillQRStarterForm('','','','',false,false)">
<button class="start-trial-cta">START FREE TRIAL</button>
</a>
</li>
<li class="dropdown">
<a href="#" class="store-user-dropdown" id="login-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding: 14.5px !important; padding-right:0px!important;"><span id="user-name">Hello </span><i id="login-desktop-arrow" class="fa fa-chevron-circle-down" aria-hidden="true"></i>
</a><div id="login-desktop" class="dropdown-content dropdown-menu" aria-labelledby="login-dropdown"><a href="#" class="store-user-dropdown" id="login-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding: 14.5px !important; padding-right:0px!important;">
</a><a id="logout" href="JavaScript:void(0);" onclick="logout()"><p class="dropdown-content-heading"><b>Logout</b></p></a>
</div>
</li>
</ul>
</li>
<li id="new-user" class="right-display">
<a class="p-t-0" href="JavaScript:void(0);" onclick="FillQRStarterForm('','','',' Nav Header',false,false)">
<button class="start-trial-cta" data-gaevent=": Start Trial Nav Header Clicks">START FREE TRIAL</button>
</a>
<a class="login-cta" href="https://dashboard.beaconstac.com" data-gaevent=": Login Nav Header Clicks" style="padding-top: 14.5px;">LOGIN</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<style>
.list-dropdown:hover {
color: #FFFFFF !important;
}
</style>
<style>
.slideDown-navbar.active{
position: fixed;
background: #FFFFFF;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
</style>
<style>
@media (max-width: 920px) {
.dropdown-content-solution {
min-width: 630px !important;
left: -300px;
}
}
@media (min-width: 920px) {
.dropdown-content-solution {
min-width: 1442px !important;
left: -377px;
}
}
@media (max-width: 776px) {
.hide-on-mobile{
display:none;
}
.slideDown .navbar-toggle {
z-index: 999;
float: left;
margin-left: 10px;
margin-right: 0;
display: block;
}
.slideDown .navbar-brand-mobile {
width: 100%;
display: flex;
position: absolute;
justify-content: center;
left: 0;
}
}
@media(min-width: 1250px){
.dropdown-content-solution-sticky{
max-width: 655px;
left: 545px !important;
}
}
@media(min-width: 1024px) and (max-width: 1250px){
.dropdown-content-solution-sticky{
max-width: 655px;
left: 400px !important;
}
}
@media(max-width: 1100px){
.dropdown-content-solution-sticky{
max-width: 655px;
left: 350px !important;
}
}
.list-active > li > a:hover {
color: #2596FD !important;
}
.sticky-list-active > li > a:hover {
color: #2596FD !important;
}
.sticky-list-active li a, .sticky-list-active li a:hover, .sticky-list-active li a:focus {
color: #16212F !important
}
.nav-inver > li > a:hover{
color: black !important;
}
.navbar-right li a{
font-size: 15px;
line-height: 18px;
text-align: center;
letter-spacing: 0.2px;
}
.navbar-left li a{
font-size: 15px;
line-height: 18px;
letter-spacing: 0.2px;
}
.nav-heading {
padding-bottom: 23px !important;
}
.list-active li a{
color: #16212F !important;
}
.sticky-list-active > li > a {
color: #16212F !important;
}
.navbar-brand {
padding: 12.5px 10px;
}
.navbar-brand img {
object-fit: contain
}
@media(min-width: 992px) and (max-width: 1200px){
.slideDown .navbar-right li a{
color: black;
}
.slideDown .navbar-left li a{
color: black;
}
.nav>li>a, .covid-19-dropdown{
padding: 10px 14px;
}
.nav.navbar-nav.navbar-left{
margin-top: 6px !important;
}
.nav-inver > li > a, .covid-19-dropdown{
padding: 10px 12px;
}
}
@media(min-width: 772px) and (max-width: 992px){
.nav>li>a, .covid-19-dropdown{
padding: 10px 8px;
}
.nav.navbar-nav.navbar-right{
margin-top: 10px !important;
}
.nav.navbar-nav.navbar-left{
margin-top: 10px !important;
}
}
@media(min-width: 1200px){
.sticky-buy-now-btn{
margin-top: 5px;
}
.covid-19-dropdown{
padding: 14px 15px;
}
}
.sticky-buy-now-btn{
background-color: #F7F10B;
border-color: #E9DD26;
color:black !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.sticky-buy-now-btn:hover, .sticky-buy-now-btn:focus{
background: #F7F10B !important;
outline: none;
text-decoration: none;
border-color: transparent;
}
.dropdown {
display: inline-block;
}
.navbar-left .navbar-nav>li>a, .navbar-right>li#new-user>a.login-cta {
position: relative;
}
.navbar-right>li#new-user>a:before
{
content: none;
}
.navbar-left .navbar-nav>li>a:before, .navbar-right>li#new-user>a.login-cta:before {
content: "";
position: absolute;
height: 36px;
border-radius: 4px;
width: 90%;
left: 5%;
background-color: rgba(255, 255, 255, 0.1);
top: 5px;
opacity: 0;
visibility: hidden;
transition: opacity ease-in-out .25s;
}
.navbar-left .navbar-nav>li>a:hover:before, .navbar-right>li#new-user>a.login-cta:hover:before
{
opacity: 1;
visibility: visible;
}
.navbar-left .navbar-nav>li.dropdown>a i, .navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown i {
position: relative;
transition: transform ease-in-out .15s;
}
.navbar-left .navbar-nav>li.dropdown.open>a i, .navbar-right li#user-dropdown ul li.dropdown.open a.store-user-dropdown i{
transform: rotate(180deg);
}
.navbar-right li#user-dropdown ul li:not(.dropdown) a:before
{
content: none;
}
.navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown:before
{
width: 100%;
left: 7px;
}
.navbar-color .navbar-left .navbar-nav>li>a:hover, .navbar-fixed-top.active .navbar-left .navbar-nav>li>a:hover, .navbar-color .navbar-right>li#new-user>a.login-cta:hover, .navbar-fixed-top.active .navbar-right>li#new-user>a.login-cta:hover, .navbar-color .navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown:hover, .navbar-fixed-top.active .navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown:hover
{
color: #ffffff!important;
}
.navbar-color .navbar-left .navbar-nav>li>a:before, .navbar-fixed-top.active .navbar-left .navbar-nav>li>a:before, .navbar-color .navbar-right>li#new-user>a.login-cta:before, .navbar-fixed-top.active .navbar-right>li#new-user>a.login-cta:before, .navbar-color .navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown:before, .navbar-fixed-top.active .navbar-right li#user-dropdown ul li.dropdown a.store-user-dropdown:before
{
background-color: #2595FF;
z-index: -1;
}
.dropdown-content {
margin-top: 20px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 10px 0 rgb(0 0 0 / 10%);
border: none;
padding: 0;
}
.dropdown-content > div:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-left .dropdown-content {
margin-top: 0px;
width: 100vw;
left: 0;
top:102px;
position: fixed;
text-align: left;
}
.dropdown-content-solution {
padding: 30px 20px;
}
.dropdown-content-solution-sticky {
padding: 30px 20px;
}
.dropdown-box-left {
width: 30%;
border-right: 0.5px solid #c5c5c5;
padding-right: 10px
}
.dropdown-box-right {
width: 70%;
padding-left: 15px;
}
.dropdown-content-left {
width: 52%;
}
.dropdown-content-right {
width: 44%;
}
.vl {
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.dropdown-content-list {
width: 45%;
margin-left: 20px;
}
.dropdown-content-heading, .navigation-option a {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.2px;
color: #16212F;
margin-right: 7px;
}
.dropdown-content-heading:hover {
color: #2596FD;
}
.dropdown-content-para {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.2px;
color: #16212F;
opacity: 0.6;
}
.hl {
width: 60%;
height: 0px;
margin-top: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.dropdown-content-style {
font-style: normal;
font-weight: normal;
}
.dropdown-content-schedule {
border: 1px solid #E1E6EB;
box-sizing: border-box;
border-radius: 6px;
}
@media (min-width: 1200px) {
.dropdown-content-left-1 {
width: 42%;
}
}
@media (max-width: 1200px) {
.dropdown-content-left-1 {
width: 40%;
}
}
.dropdown-content-middle-1 {
width: 24%;
}
.dropdown-content-right-1 {
width: 24%;
}
.dropdown-solution-heading1 {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.2px;
text-transform: uppercase;
color: #16212F;
margin-bottom: 25px;
}
.text-heading-color{
color: #c5c5c5;
}
.display-block {
display: block !important;
}
.sticky-display-block {
display: block !important;
}
.sticky-display-none {
display: none !important;
}
.navbar-color {
background: #FFFFFF !important;
}
.navbar-color .navbar-nav>li>a {
color: #16212F !important;
}
.navbar-transparent .navbar-nav>li>a {
}
.position-fixed{
position: fixed;
}
.start-trial-cta {
background: linear-gradient(
93.67deg, #FFF966 -15.13%, #FFC165 108.79%);
border-radius: 4px;
border: 0;
color: #16212F;
padding: 10px 15px;
}
.dashboard-cta {
background: linear-gradient(92.86deg, #2B52DD -6.87%, #755FFF 109.27%);
border-radius: 4px;
border: 0;
color: #FFFFFFF;
padding: 10px 15px;
}
.right-display {
display: flex !important;
}
.right-display button {
margin-top: 5px
}
.hidden {
display: none !important;
}
.p-t-sm {
padding-top: 5px;
}
.pricing-drop-content-width{
min-width: 181px;
}
.dropdown-content ul a {
font-weight: 400 !important;
color: #2595ff !important;
padding: 5px 10px;
}
.dropdown-content ul {
padding-inline-start: 25px !important;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #FFFFFF !important;
color: #2595FF !important;
border-radius: 4px;
}
/* Show the dropdown menu on hover */
#user-name-div:hover .dropdown-content {
opacity:1;
visibility: visible;
}
.dropdown:hover .dropdown-content-solution, .dropdown:hover .dropdown-content-solution-sticky {display: flex !important;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.menu .nav a{
color: #5f6466;
font-weight: 500;
letter-spacing: 0.05em;
}
.menu .nav a:hover, .menu .nav a:focus {
text-decoration: none;
background-color: transparent;
color: black !important;
}
#sticky-navbar .dropdown-content a:hover {
color: #2595FF !important;
}
.navbar-brand-scroll {
padding: 11px 10px;
}
.navbar-brand-scroll img {
margin:0px;
}
.nfc-marketing-sub-heading{
top: 55px;
height: 6px;
width: 6px;
left: 10px;
}
.qr-marketing-sub-heading{
top: 97px;
height: 6px;
width: 6px;
left: 10px;
}
.slideDown{
max-height: 0;
transition: max-height 0.3s ease;
overflow: hidden;
background: white;
z-index: 1030;
width: 100%;
box-shadow: 2px 3px 12px #00000026;
}
@media (max-width: 1200px) {
.slideDown-navbar.active {
padding-top: 5px !important;
}
.navbar-toggle {
display: block;
z-index: 999;
margin-left: 10px;
margin-right: 0;
}
.navbar-collapse.collapse {
display: none !important;
}
}
@media (min-width: 1200px) {
.p-logo {
margin-top: 4px;
}
.p-white-logo {
margin-top: 4px;
}
}
.nav-inver>li>a:focus{
color: initial !important;
}
#covid:hover{
color: white !important;
}
.covid-19-drop-content{
margin-top: 10px !important;
}
.covid-19-drop-content{
min-width: 181px;
left: 4px;
}
.banner-covid-19-drop-content{
min-width: 181px;
left: -30px;
margin-top: 10px;
}
.banner-covid-19-drop-content a{
text-align: center;
}
.sticky-covid-19-drop-content{
min-width: 181px;
margin-top: 10px;
margin-left: -11px;
}
#product:hover ~ #product-desktop {
display: block;
}
#login-desktop {
position:fixed;
border-radius: 5px;
padding-bottom: 10px;
min-width: 130px;
top:75px;
right: auto;
box-shadow: 0px 1px 10px 2px rgb(0 0 0 / 10%)
}
#login-desktop li a {
padding-top:15px;
text-align: left;
}
#login-desktop .hl {
margin-top: 0px;
}
#login-desktop.active {
opacity: 1;
visibility: visible;
display: block;
}
.dropdown-heading {
height: 73px;
}
/*290822*/
/*Top Nav cta*/
.pick-a-template-cs {
/*background-color: #404A54;*/
padding: 14px 18px;
text-align: center;
/*max-width: 248px;*/
}
.pick-a-template-cs .owl-dots{
position: absolute;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
left: 0;
}
.pick-a-template-cs>h3 {
font-size: 14px;
line-height: 24px;
color: #7CBFFF;
padding: 0 0 20px 0!important;
}
.banner-slider-code-outer .s-d-slider-card-cs {
max-width: 170px;
padding: 0 18px;
margin: 0 auto;
display: block;
width: 100%;
}
/*.banner-slider-code-outer .s-d-slider-card figure{
padding-bottom: 100%;
}*/
.banner-slider-code-outer .s-d-slider-card-cs figure,.banner-slider-code-outer .s-d-slider-card-cs figure img {
width: 100%;
}
.pick-a-template-carousel-thumnail {
display: flex;
align-items: center;
margin-top: 12px;
}
.pick-a-template-carousel-thumnail>div {
width: 20%;
padding: 5px;
cursor: pointer;
}
.pick-a-template-carousel-thumnail>div.active{
border: 1px solid #51AAFF;
border-radius: 5px;
background-color: #52565B;
}
.pick-a-template-carousel-thumnail>div figure{
border-radius: 3px;
}
.pick-a-template-carousel-thumnail>div figure,.pick-a-template-carousel-thumnail>div figure img {
width: 100%;
margin: 0;
}
.pick-a-template-carousel{
position: relative;
}
.pick-a-template-carousel .owl-nav{
position: static;
}
.pick-a-template-carousel .owl-nav button{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin: 0;
outline: unset;
box-shadow: unset;
}
.pick-a-template-carousel .owl-nav button i {
color: #2595FF;
font-size: 14px;
}
.pick-a-template-carousel .owl-nav button.owl-next{
left: unset;
right: 0;
}
.pick-a-template-cs .use-template-wrap {
margin-top: 35px;
}
.pick-a-template-cs .use-template-wrap form input[type="text"] {
width: 100%;
max-width: 100%;
padding: 10px!important;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
box-shadow: unset;
color: #C0C5CB;
text-align: center;
}
.pick-a-template-cs .use-template-wrap form input[type="text"]::placeholder {
color: #C0C5CB;
opacity: 1;
}
.pick-a-template-cs .use-template-wrap form input[type="text"]:-ms-input-placeholder {
color: #C0C5CB;
}
.pick-a-template-cs .use-template-wrap form input[type="text"]::-ms-input-placeholder {
color: #C0C5CB;
}
.pick-a-template-cs .use-template-wrap form input.btn {
position: relative;
left: unset;
right: unset;
width: 100%;
padding: 10px 23px;
font-size: 13px;
line-height: 20px;
}
.banner-slider-code-outer.cs-sidebar-qr-template {
position: relative;
z-index: 0;
}
@media(max-width: 1100px){
#right-side-holder{
left: unset;
margin-left: 0;
right: unset;
width: 100%;
flex-direction: column;
}
}
/*latest*/
.cs-dropdown-content-left-1 {
width: 32%;
}
.cs-dropdown-content-middle-1 {
width: 26%;
}
.cs-dropdown-content-right-3 {
width: 38%;
padding-right: 10px!important;
border-left: 1px solid rgb(0 0 0 / 6%);
}
.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel {
display: flex;
}
.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel>div {
/*width: 50%;*/
padding: 0 10px;
}
.top-nav-cta img {
margin: 0!important;
}
.top-nav-cta .use-template-wrap p {
text-align: left;
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #000000;
margin-bottom: 0;
text-transform: capitalize;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input.btn {
background-color: #79c0ff;
color: #fff;
outline: none!important;
box-shadow: none!important;
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
font-size: 16px!important;
line-height: 24px;
padding: 1px 5px;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input.btn.active {
background-color: #2595FF;
}
.top-nav-cta .pick-a-template-carousel-thumnail>div.active {
border: none;
background-color: #51aaff66;
}
.top-nav-cta .s-d-slider-card-cs figure {
box-shadow: 0px 2px 8px rgb(129 132 136 / 15%);
border-radius: 8px;
margin: 4px 0 4px 0;
padding: 2px;
background-color: #fff;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input[type="text"]::placeholder{
color: #C0C5CB;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input[type="text"] {
width: 100%;
max-width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
color: #000;
text-align: center;
height: 27px;
background: #fff;
border-radius: 2px;
margin-bottom: 7px;
margin-top: 12px;
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
padding: 2px!important;
outline: none!important;
}
.top-nav-cta .cs-side-cta.top-nav-cta {
max-width: 450px;
}
.top-nav-cta .pick-a-template-cs {
padding-left: 0;
padding-top: 0;
}
.cs-side-cta.top-nav-cta {
max-width: 500px;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input.btn{
margin-top:0 !important;
}
@media(min-width: 1199px){
.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel {
flex-direction: column;
max-width: 413px;
}
.cs-side-cta.top-nav-cta .div-wrapper {
width: 100%;
max-width: 413px;
}
.pick-a-template-cs .use-template-wrap {
width: 100%;
}
.cs-dropdown--qr-code div#myCarousel {
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
padding: 0 15px;
justify-content: space-between;
}
.cs-dropdown--qr-code ol.carousel-indicators.cs-thumnail-3 {
max-width: 168px;
flex-wrap: wrap;
}
.cs-dropdown--qr-code ol.carousel-indicators.cs-thumnail-3 li{
width: 33.33%;
padding: 6px;
}
.cs-dropdown--qr-code .top-nav-slider .s-d-slider-card-cs{
max-width:149px;
padding: 0 10px;
}
.cs-dropdown--qr-code.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel>div{
padding: 0;
}
.cs-dropdown--qr-code.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel>div>p {
font-size: 16px;
line-height: 20px;
font-weight: 400;
margin-bottom: 16px;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input[type="text"] {
background-color: #F4F5F7;
}
.cs-dropdown--qr-code .carousel-outer-wrap {
position: relative;
padding: 0 18px;
}
.pick-a-template-cs .use-template-wrap {
margin-top: 19px;
}
.cs-dropdown--qr-code .use-template-wrap form {
display: flex;
align-items: flex-start;
}
.pick-a-template-cs .cs-dropdown--qr-code .use-template-wrap form input[type="text"] {
margin: 0;
height: 38px;
}
.top-nav-cta .pick-a-template-cs .cs-dropdown--qr-code .use-template-wrap form input.btn{
line-height:26px;
height:38px;
}
.top-nav-cta .cs-dropdown--qr-code .s-d-slider-card-cs figure{
padding: 0;
}
}
@media(max-width: 1199px){
.top-nav-slider .s-d-slider-card-cs {
max-width: 210px;
}
.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel>div {
width: 100%;
}
.banner-slider-code-outer.cs-sidebar-qr-template.sidebar-parent-carousel {
flex-direction: column;
max-width: 260px;
align-items: center;
}
.top-nav-cta .pick-a-template-carousel .owl-nav button.owl-next {
right: 30px;
left: unset;
}
.top-nav-cta .pick-a-template-carousel .owl-nav button {
left: 30px;
}
.pick-a-template-cs .use-template-wrap form{
max-width:100%;
}
.pick-a-template-cs .use-template-wrap{
padding-top:0!important;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input.btn {
padding: 14px 15px;
font-size: 18px!important;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input[type="text"] {
height: 53px;
font-size: 18px;
}
.pick-a-template-cs .use-template-wrap {
margin-top: 0!important;
}
ol.carousel-indicators.cs-thumnail-3 {
margin-bottom: 20px!important;
}
}
@media(max-width:767px){
.pick-a-template-cs .use-template-wrap{
padding-left:0 !important;
padding-right:0 !important;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input[type="text"]{
height: 45px;
font-size: 16px;
}
.top-nav-cta .pick-a-template-cs .use-template-wrap form input.btn {
padding: 10px 15px;
font-size: 16px!important;
}
}
@media(max-width:575px){
.cs-side-cta.top-nav-cta{
padding-right: 22px;
}
}
/*latest end*/
/*290822 end*/
.top-nav-slider span.carousel-control-prev-icon i , .top-nav-slider span.carousel-control-next-icon i {
color: #2595FF;
font-size: 14px;
opacity: 1;
}
.top-nav-slider span.carousel-control-prev-icon , .top-nav-slider span.carousel-control-next-icon {
opacity: 1;
background: unset!important;
}
.top-nav-slider button.carousel-control-prev , .top-nav-slider button.carousel-control-next {
opacity: 1;
height: max-content;
top: 60px;
}
.top-nav-slider .s-d-slider-card-cs {
max-width: 180px;
padding: 0 18px;
margin: 0 auto;
display: block;
width: 100%;
}
.top-nav-slider span.carousel-control-prev-icon {
text-align: left;
}
.top-nav-slider span.carousel-control-next-icon {
text-align: right;
}
.top-nav-slider .carousel-indicators button figure {
position: relative;
padding: 0;
width: 25px;
height: 25px;
margin: 0 3px;
}
.top-nav-slider .carousel-indicators button figure img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 0;
margin: 0!important;
}
.top-nav-slider .carousel-indicators [data-bs-target] {
padding: 0!important;
width: auto;
height: auto;
}
.top-nav-slider .carousel-indicators {
position: relative;
margin: 10px 0!important;
}
.top-nav-slider .carousel-indicators button {
opacity: 1!important;
background: unset!important;
border: none!important;
}
.top-nav-slider .carousel-indicators button {
position: relative;
}
.top-nav-slider button.active:after {
position: absolute;
content: "";
height: calc(100% + 8px);
width: calc(100% + 8px);
background-color: #51aaff66;
z-index: -1;
top: -4px;
left: -4px;
border-radius: 5px;
}
/* 020922 end */
.top-nav-slider a.carousel-control {
height: max-content;
top: 70px;
}
.top-nav-slider a.carousel-control {
box-shadow: none!important;
background: none!important;
background-image: none!important;
}
.top-nav-slider a.carousel-control i {
color: #2595FF;
font-size: 14px;
}
.top-nav-slider a.left.carousel-control {
text-align: left;
}
.top-nav-slider a.right.carousel-control {
text-align: right;
}
ol.carousel-indicators.cs-thumnail-3 img {
width: 100%;
position: relative;
}
ol.carousel-indicators.cs-thumnail-3 figure {
position: relative;
}
ol.carousel-indicators.cs-thumnail-3 {
position: relative;
left: unset;
right: unset;
width: 100%;
margin: unset;
bottom: unset!important;
}
ol.carousel-indicators.cs-thumnail-3 * {
position: relative!important;
left: unset!important;
right: unset!important;
top: unset!important;
bottom: unset!important;
transform: unset!important;
text-indent: 0;
border: none;
}
ol.carousel-indicators.cs-thumnail-3 {
display: flex;
margin-top: 20px!important;
}
ol.carousel-indicators.cs-thumnail-3 li {
width: 20%;
border: none!important;
height: auto;
padding: 5px;
margin:0;
}
ol.carousel-indicators.cs-thumnail-3 li.active {
background: #51aaff66;
border-radius: 4px;
}
.top-nav-slider .carousel-caption, .top-nav-slider .carousel-control {
text-shadow: unset!important;
}
.top-nav-slider .carousel-inner {
box-shadow: none;
}
.cs-tag-wrapper {
font-family: 'Work Sans';
font-style: italic;
font-weight: 600;
font-size: 12px;
line-height: 10px;
text-align: center;
color: #2595FF;
align-items: center;
display: flex;
justify-content: center;
padding: 3px 4px;
}
.cs-tag-wrapper img {
margin-bottom: 1px;
}
.cs-header-title {
align-items: center;
padding-bottom: 4px;
min-width: 300px;
}
.cs-header-title .m-b-sm {
margin-bottom: 0;
}
@media (min-width: 2300px) {
.cs-tag-wrapper img {
margin-bottom: 0px;
}
}
@media screen and (min-device-width: 1201px) and (max-device-width: 1325px) {
.cs-header-title {
min-width: 250px;
}
}
</style>
<!-- Sticky Navbar Transition -->
<script type="text/javascript">
var width = window.innerWidth;
var isActive = false;
var stickyNavbar = document.querySelector('#navbar');
let activeDropdown = "";
<!-- Displays a sticky Navbar after 350px scroll -->
window.onscroll = function(){
let logo = document.getElementById("beaconstac-logo");
let whiteLogo = document.getElementById("beaconstac-logo-white");
let listLeft = document.getElementById("list-active-left");
let listRight = document.getElementById("list-active-right");
let iconBar = document.getElementsByClassName("icon-bar");
if(stickyNavbar){
if(this.pageYOffset > 0 && !isActive){
isActive = true;
stickyNavbar.classList.add("active");
stickyNavbar.classList.remove("cs-active");
if(logo && whiteLogo){
logo.classList.add("sticky-display-block");
whiteLogo.classList.add("sticky-display-none");
}
listLeft.classList.add("sticky-list-active");
listRight.classList.add("sticky-list-active");
for(var i=0;i<iconBar.length;i++){
let icon = iconBar[i];
icon.style.background = '#000000';
}
}else if(this.pageYOffset <= 0 && isActive){
isActive = false;
stickyNavbar.classList.remove('active');
stickyNavbar.classList.add("cs-active");
if(logo && whiteLogo){
logo.classList.remove("sticky-display-block");
whiteLogo.classList.remove("sticky-display-none");
}
listLeft.classList.remove("sticky-list-active");
listRight.classList.remove("sticky-list-active");
for(var i=0;i<iconBar.length;i++){
let icon = iconBar[i];
icon.style.background = '#ffffff';
}
}
}
}
let sideBar = document.getElementById('sidebar');
function openSidebar(){
event.stopPropagation();
if (window.event) {
window.event.cancelBubble = true;
}
document.getElementById('app-stage').addEventListener('click', closeSidebar);
document.body.style.overflowY = 'hidden';
sideBar.classList.add('active');
}
function closeSidebar(){
document.body.style.overflowY = '';
sideBar.classList.remove('active');
resetSideBar();
document.getElementById('app-stage').removeEventListener('click', closeSidebar);
}
window.addEventListener('DOMContentLoaded', function () {
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && navigator.vendor.includes('Apple Computer, Inc.');
if(isSafari && document.getElementById('sticky-navbar')){
document.getElementById('sticky-navbar').classList.add('hidden');
}
});
function switchNavToWhite(){
let navbar = document.getElementById("navbar");
navbar.classList.add("navbar-color");
let blueLogo = document.getElementById("beaconstac-logo");
let whiteLogo = document.getElementById("beaconstac-logo-white");
blueLogo.classList.remove("display-none");
whiteLogo.classList.add("display-none");
let listLeft = document.getElementById("list-active-left");
listLeft.classList.add("list-active");
let listRight = document.getElementById("list-active-right");
listRight.classList.add("list-active");
}
function switchNavToBlue(){
var navbar = document.getElementById("navbar");
navbar.classList.remove("navbar-color");
let blueLogo = document.getElementById("beaconstac-logo");
let whiteLogo = document.getElementById("beaconstac-logo-white");
blueLogo.classList.add("display-none");
whiteLogo.classList.remove("display-none");
let listLeft = document.getElementById("list-active-left");
listLeft.classList.remove("list-active");
let listRight = document.getElementById("list-active-right");
listRight.classList.remove("list-active");
}
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if(mutations[0].target.ariaExpanded == "false"){
var element = document.getElementsByClassName('dropdown open');
if (typeof(element[0]) == 'undefined' && element[0] == null){
switchNavToBlue();
}
}else{
switchNavToWhite();
}
});
});
var config = { attributes: true };
observer.observe(document.getElementById("product-dropdown"), config);
observer.observe(document.getElementById("solution-dropdown"), config);
observer.observe(document.getElementById("learn-dropdown"), config);
</script>
<div class="mt-sm-3">
<div class="container">
<div class="flex-container justify-content-center banner-center-wrapper">
<div class="banner-center mb-sm-1">
<div class="text-center-sm">
<h1 class="">
<span class="secure">
Secure.
<div class="hover-wrap" id="secure-hover">
<img src="https://static.beaconstac.com/assets/img/arrow-icon.png" alt="">
<div class="hover-box">
<p><span><img src="https://static.beaconstac.com/assets/img/lock-icon.png" alt=""></span>SOC 2 Compliant</p>
<p><span><img src="https://static.beaconstac.com/assets/img/star-icon.png" alt=""></span>GDPR Compliant</p>
</div>
</div>
</span>
<span class="scalable">
Scalable.
<div class="hover-wrap" id="scalable-hover">
<div class="scale-flex">
<img src="https://static.beaconstac.com/assets/img/arrow-icon.png" alt="">
<div class="hover-box">
<p><span><img src="https://static.beaconstac.com/assets/img/barcode-icon.png" alt=""></span>2000 QR Codes/min</p>
<p><span><img src="https://static.beaconstac.com/assets/img/code-icon.png" alt=""></span>API (2M calls/month)</p>
</div>
</div>
</div>
</span>
<span class="integrated">
Integrated.
<div class="hover-wrap" id="integrated-hover">
<img src="https://static.beaconstac.com/assets/img/arrow-icon.png" alt="">
<div class="hover-box">
<p><span><img src="https://static.beaconstac.com/assets/img/link-icon.png" alt=""></span>10+ Native Integrations</p>
<p><span><img src="https://static.beaconstac.com/assets/img/setting-icon.png" alt=""></span>Automate workflows</p>
</div>
</div>
</span>
</h1>
<h3 class="">One solution for all things QR.</h3>
</div>
<div class="text-center">
<a href="JavaScript:void(0);" onclick="FillQRStarterForm('', '', '', '', false, false)">
<button id="learn-more" type="button" class="btn btn-primary mt-xs-1 text-uppercase" title="" data-gaevent="Homepage: Start Free Trial Clicks">
START FREE TRIAL
</button>
</a>
<a href="/buy-qr-code-solution/">
<button type="button" class="btn btn-primary-outline mt-xs-1 text-uppercase" title="" data-gaevent="Homepage: View Pricing Clicks">
VIEW PRICING
</button>
</a>
</div>
</div>
</div>
</div>
<hr class="cm-hr">
</div>
</div>
<div id="brand-logos-container" class="brands-background">
<div class="container">
<p class="text-center text-white px-sm-1 m-b brand-logos m-t-0">Trusted by businesses you <span><i class="fa fa-heart "></i></span></p>
<div class="flex-container justify-content-space-between align-items-center brand-row1 hidden-xs hidden-sm">
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-pepsi.svg" src="https://static.beaconstac.com/assets/img/homepage-pepsi.svg" alt="Pepsi showcases supply chain transparency with Beaconstac’s QR Codes" width="96" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-revlon.svg" src="https://static.beaconstac.com/assets/img/homepage-revlon.svg" alt="Revlon uses QR Codes to display multi-lingual product information and tutorial videos" width="102" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-amazon.svg" src="https://static.beaconstac.com/assets/img/homepage-amazon.svg" alt="Beaconstac Amazon" width="90" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/deloitte-digital-logo-white.png" src="https://static.beaconstac.com/assets/img/deloitte-digital-logo-white.png" alt="Deloitte digital" width="114" height="40">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-nestle.svg" src="https://static.beaconstac.com/assets/img/homepage-nestle.svg" alt="Nestle uses dynamic QR Codes to boost DTC commerce and increase customer LTV" width="140" height="48">
</div>
</div>
<div class="flex-container justify-content-space-around align-items-center hidden-xs hidden-sm brand-row2">
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-toyota.svg" src="https://static.beaconstac.com/assets/img/homepage-toyota.svg" alt="Beaconstac Toyota " width="134" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-wwf.svg" src="https://static.beaconstac.com/assets/img/homepage-wwf.svg" alt="Beaconstac WWF" width="51" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-marriott.svg" src="https://static.beaconstac.com/assets/img/homepage-marriott.svg" alt="Marriott uses Beaconstac QR platform to deliver digital menu to guests" width="73" height="48">
</div>
<div class="logo-container">
<img class="item brandName" data-src="https://static.beaconstac.com/assets/img/homepage-nyt.svg" src="https://static.beaconstac.com/assets/img/homepage-nyt.svg" alt="Beaconstac New York Times" width="181" height="48">
</div>
</div>
<div class="flex-container justify-content-space-between visible-xs visible-sm px-sm-0">
<div class="flex-container justify-content-space-evenly align-items-center p-t">
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/homepage-pepsi.svg" src="" alt="Pepsi" width="96" height="36">
</div>
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/homepage-revlon.svg" src="" alt="Revlon" width="102" height="34">
</div>
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/homepage-amazon.svg" src="" alt="Amazon" width="90" height="29">
</div>
</div>
<div class="flex-container justify-content-space-evenly align-items-center p-t">
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/deloitte-digital-logo-white.png" src="" alt="Deloitte digital" width="114" height="40">
</div>
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/homepage-toyota.svg" src="" alt="" width="134" height="53">
</div>
<div class="logo-container">
<img class="item lazy brandName" data-src="https://static.beaconstac.com/assets/img/homepage-marriott.svg" src="" alt="" width="73" height="55">
</div>
</div>
</div>
</div>
</div>
<style>
.fa-heart {
font-size: 18px;
color: #2595ff;
}
.brands-background {
background: #16212f ;
}
#brand-logos-container img {
filter: brightness(0) invert(1) !important;
}
#brand-logos-container {
padding: 45px 0px;
min-height: 268px;
}
.logo-container {
/*width:200px;*/
display: flex;
justify-content: space-around;
}
.logo-container img {
max-width:150px;
height: 48px;
object-fit:contain;
margin:auto;
}
.brand-row1, .brand-row2 {
margin-top: 30px;
}
</style>
<div class="block block-secondary m-t-md">
<div class="container">
<h2 class="text-center text-black m-t-0">Have your digital world, a scan away <br>
<span class="fw-300"><i>throughout the customer journey</i> </span></h2>
<div class="big-wrapper-card flex-container p-y-lg align-items-center">
<div class="width-half p-t pr-md-2 home-page-big-outer">
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-dotted-1.png" alt="" class="image-line-after cs-first">
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-big-1.png" src="" title="Use QR Codes on OOH advertising to measure its performance" alt="Use QR Codes on OOH advertising to measure its performance" width="364" height="274">
</div>
<div class="width-half-content cs-one width-half pt-md-10 pl-md-2 pt-sm-3">
<h3 class="m-t-0">Discovery</h3>
<p class="m-y">
Don’t waste the exposure you paid for on television commercials, billboards, direct mails, or print collaterals. To prioritize spendings on OOH, transform brand awareness to<b> performance-driven campaigns</b> with QR Codes.
</p>
<!-- 220825 -->
<div class="want-use-bar-code cta-1-wrapper">
<div class="cs-left">
<figure>
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/homepage-cta-1.png" alt="">
</figure>
</div>
<div class="cs-right">
<h4>Want to use this template?</h4>
<div class="input-wrapper">
<form onsubmit="event.preventDefault(); redirect_to_signup(1);">
<input id="" type="text" name="email" placeholder="Enter email address">
<input type="button" onclick="redirect_to_signup(1)" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
<!-- 220825 end -->
</div>
</div>
<div class="big-wrapper-card flex-container m-y-lg flex-direction-column-reverse-sm align-items-center ">
<div class="width-half-content cs-two width-half pt-md-10 pr-md-2 pt-sm-3 ">
<h3 class="m-t-0"> Influence</h3>
<p class="m-y">
Whether you sell online or offline, the preferred channel for information consumption for users remains digital. Offer information and build an <b>immersive digital experience</b> for users with QR Codes.
</p>
<!-- 220825 -->
<div class="want-use-bar-code cs-column-reverse cta-2-wrapper">
<div class="cs-left">
<figure>
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/homepage-cta-2.png" alt="">
</figure>
</div>
<div class="cs-right">
<h4>Want to use this template?</h4>
<div class="input-wrapper">
<form onsubmit="event.preventDefault(); redirect_to_signup(2);">
<input id="" type="text" name="email" placeholder="Enter email address">
<input type="button" onclick="redirect_to_signup(2)" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
<!-- 220825 end -->
</div>
<div class="width-half flex-container justify-content-flex-end pl-md-2 home-page-big-outer">
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-dotted-2.png" alt="" class="image-line-after cs-second">
<div>
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-big-2.png" src="" title="Add QR Codes to products and places to influence decision making" alt="Add QR Codes to products and places to influence decision making" width="364" height="274">
</div>
</div>
</div>
<div class="big-wrapper-card flex-container p-y-lg align-items-center">
<div class="width-half p-t pr-md-2 home-page-big-outer">
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-dotted-3.png" alt="" class="image-line-after cs-third">
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-big-3.png" src="" title="Add QR Codes on loyalty cards, product inserts or freebies to set up on-going communication" alt="Add QR Codes on loyalty cards, product inserts or freebies to set up on-going communication" width="364" height="274">
</div>
<div class="width-half-content cs-three width-half pt-md-10 pl-md-2 pt-sm-3">
<h3 class="m-t-0">Relationship building</h3>
<p class="m-y">80% of first-time users never return or advocate a brand unless you <b> build an ongoing relationship</b> with them. Use QR Codes to know your users in the real world, make a direct-to-consumer connection & retarget them online to stay on top of mind. </p>
<!-- 220825 -->
<div class="want-use-bar-code cta-3-wrapper">
<div class="cs-left">
<figure>
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/homepage-cta-3.png" alt="">
</figure>
</div>
<div class="cs-right">
<h4>Want to use this template?</h4>
<div class="input-wrapper">
<form onsubmit="event.preventDefault(); redirect_to_signup(3);">
<input id="" type="text" name="email" placeholder="Enter email address">
<input type="button" onclick="redirect_to_signup(3)" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
<!-- 220825 end -->
</div>
</div>
<div class="big-wrapper-card flex-container m-y-lg flex-direction-column-reverse-sm align-items-center">
<div class="width-half-content cs-fouth width-half pt-md-10 pr-md-2 pt-sm-3 ">
<h3 class="m-t-0"> Smart networking</h3>
<p class="m-y">
Let your customers instantly save your contact information on their smartphones with a QR Code on business cards. Leverage editable and trackable digital business cards to <b> network in a smart and engaging manner.</b>
</p>
<!-- 220825 -->
<div class="want-use-bar-code cs-column-reverse cta-4-wrapper">
<div class="cs-left">
<figure>
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/homepage-cta-4.png" alt="">
</figure>
</div>
<div class="cs-right">
<h4>Want to use this template?</h4>
<div class="input-wrapper">
<form onsubmit="event.preventDefault(); redirect_to_signup(4);">
<input id="" type="text" name="email" placeholder="Enter email address">
<input type="button" onclick="redirect_to_signup(4)" value="START FREE TRIAL" class="btn">
</form>
</div>
</div>
</div>
<!-- 220825 end -->
</div>
<div class="width-half flex-container justify-content-flex-end pl-md-2 home-page-big-outer">
<img src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-dotted-4.png" alt="" class="image-line-after cs-fourth">
<div>
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-ctas/cta-big-4-updated.png" src="" title="Use QR Codes on business cards to network in a smart and engaging way" alt="Use QR Codes on business cards to network in a smart and engaging way" width="364" height="274">
</div>
</div>
</div>
</div>
</div>
<div class="block block-secondary" style="background: #F2F2F2;">
<div class="container">
<h2 class="text-center text-black">Beaconstac <span class="fw-300">in the <br class="hidden-lg hidden-md"> News</span></h2>
<div class="flex-container mt-md-3 flex-direction-column-reverse-sm align-items-center justify-content-space-between news-cards-container">
<div class="card-box">
<div class="card-text">
<p>"<b>Beaconstac</b> Signs 10,000th Customer, Announces QR Code Usage Trends for 2022"</p>
</div>
<div class="card-footer">
<img class="img-responsive newsroom-logo lazy" data-src="https://static.beaconstac.com/assets/img/newsroom-logo13.png" title="" alt="" width="220" height="94">
</div>
</div>
<div class="card-box">
<div class="card-text">
<p>"<b>Beaconstac</b> Launches QR Codes with Integrated Security Features to Help Businesses Build Customer Trust and Loyalty"</p>
</div>
<div class="card-footer">
<img class="img-responsive newsroom-logo lazy" data-src="https://static.beaconstac.com/assets/img/newsroom-logo6.png" title="" alt="" width="220" height="94">
</div>
</div>
<div class="card-box">
<div class="card-text">
<p>"<b>Beaconstac</b> Sees 400% Growth In QR Code Business During COVID-19"</p>
</div>
<div class="card-footer">
<img class="img-responsive newsroom-logo lazy" data-src="https://static.beaconstac.com/assets/img/newsroom-logo7.png" title="" alt="" width="220" height="94">
</div>
</div>
</div>
<div>
<p class="cta-links text-center m-t-lg p-t-md m-x-auto">
<a href="/newsroom/">
Check out our newsroom
<img class="expansion-arrow lazy" src="" data-src="https://static.beaconstac.com/assets/img/arrow-pointing-to-right-blue.svg" title="Check out our Newsroom" alt="" width="26" height="16">
</a>
</p>
</div>
</div>
</div>
<div class="block">
<div class="container">
<div class="flex-container">
<div class="width-half">
<img id="hoverable-img" class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/solution-features-fold0.png" src="" title="Beaconstac`s Dynamic QR Code platform" alt="Beaconstac`s Dynamic QR Code platform" width="440" height="593">
</div>
<div class="width-half px-md-1 m-t-md" onmouseout="switchSideImage('solution-features-fold0.png','Beaconstac`s Dynamic QR Code platform')">
<div>
<h2>Beaconstac’s QR Code <span style="text-decoration: line-through; font-weight: 300">generator </span>solution helps you</h2>
<ul class="hoverable-list">
<li onmouseover="switchSideImage('solution-features-1a.png','Create a branded dynamic QR Code')"><b>Create</b> a branded QR Code</li>
<li onmouseover="switchSideImage('solution-features-fold2.png','Manage dynamic QR Code campaigns')"><b>Manage & personalize</b> global QR Code campaigns</li>
<li onmouseover="switchSideImage('solution-features-3a.png','Track QR Code scans and performance')">Measure <b>engagement</b> in the physical world</li>
<li onmouseover="switchSideImage('solution-features-4.png','Understand what your users want with QR Codes')">Capture <b>intent</b> in the physical world and build digital cohorts</li>
<li onmouseover="switchSideImage('solution-features-5a.png','Retarget users online based on their choices')">Run targeted <b>social media ads</b> based on intent in the physical world</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="block" style="background: #111A25;">
<div class="container">
<h2 class="text-center text-white text-black m-t-0">Scale phygital engagement with QR Codes. <br>
<span class="fw-300"><i>We’ve got your back. </i> </span></h2>
<div class="flex-container m-t-lg flex-direction-column-sm align-items-center justify-content-space-between features-cards-container">
<div class="card-box">
<div class="card-text">
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-features-enterprise.svg" src="" title="QR Code security and compliances" alt="QR Code security and compliances" width="62" height="70">
<h3> Enterprise-grade <b>security</b></h3>
<p class="my-md-2">Security is our product team’s #1 priority, and we have the most advanced security measures in place that are unmatched by any other QR code solutions.
</p>
</div>
<div class="card-footer">
<p class="cta-links">
<a href="/enterprise">
Learn more
<img class="expansion-arrow lazy" src="" data-src="https://static.beaconstac.com/assets/img/arrow-pointing-to-right-blue.svg" title="Learn more" alt="" width="26" height="16">
</a>
</p>
</div>
</div>
<div class="card-box">
<div class="card-text">
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-features-integrations.svg" src="" title="Integrate QR Code platform with in-use marketing tools" alt="Integrate QR Code platform with in-use marketing tools" width="70" height="70">
<h3><b>Integrations</b> that eliminate data silos & busywork</h3>
<p class="my-md-2">
We play nice with CRMs, chatbots, scheduling tools & every platform you want to push QR Code insights into. </p>
</div>
<div class="card-footer">
<p class="cta-links">
<a href="https://docs.beaconstac.com/en/collections/2021382-integrations">
View integrations
<img class="expansion-arrow lazy" src="" data-src="https://static.beaconstac.com/assets/img/arrow-pointing-to-right-blue.svg" title="View Integrations" alt="" width="26" height="16">
</a>
</p>
</div>
</div>
<div class="card-box">
<div class="card-text">
<img class="img-responsive lazy" data-src="https://static.beaconstac.com/assets/img/homepage-features-support.svg" src="" title="Our customer support is available for all plans and users" alt="Our customer support is available for all plans and users" width="73" height="70">
<h3>World-class <b>customer support</b></h3>
<p class="my-md-2">
Our dedicated customer support team is here 24/7 to help you achieve your goals. We also offer a range of self-learning tools - knowledge base, blog posts, and collaterals. </p>
</div>
<div class="card-footer">
<p class="cta-links">
<a href="/why-beaconstac" style="overflow: hidden">
Why Beaconstac
<img class="expansion-arrow lazy" src="" data-src="https://static.beaconstac.com/assets/img/arrow-pointing-to-right-blue.svg" title="Why Beaconstac" alt="" width="26" height="16">
</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="block block-secondary car-box">
<div class="container">
<h2 class="text-center text-black">Brands love us for<br><span class="fw-300"><i> Ease of use, customer support and great product</i> </span></h2>
<div id="info-carousel" class="carousel carousel-light slide py-block" data-ride="carousel" data-interval="10000">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="row app-align-center">
<div class="col-md-6 p-y-md carousel-left">
<div class="flex-container justify-content-space-between-md justify-content-space-between-xsm display-none-x">
<img class="logo-responsive lazy" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/Stars5.svg" width="121" height="20">
</div>
<div class="carousel-left-text" style="margin-bottom: 45px;">
<h3><b>"A powerful and easy solution for our business."</b></h3>
<p>Beaconstac’s solution has made our lives a lot easier. Creating QR Codes is quick, and being able to track their performance has proven to be essential for our business.</p>
</div>
<hr style="">
<div class="flex-container">
<img class="logo-responsive lazy card-center-xsm" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/marcelo_nestle.png" width="80" height="80">
<div class="col-12 p-x card-center-xsm">
<b><p class="text-center-xsm m-b-0 reviewer-details">MARCELO YANEZ</p>
<p class="text-center-xsm reviewer-details">PRODUCT MANAGER,</p></b>
<img class="logo-responsive lazy card-center-xsm" src="" title="Beaconstac Nestle" alt="Beaconstac Nestle" data-src="https://static.beaconstac.com/assets/img/Nestle1.png" width="80" height="25">
</div>
</div>
</div>
<div class="col-md-6 p-l-md carousel-right">
<img class="visible-md visible-lg lazy" src="" data-src="https://static.beaconstac.com/assets/img/homepage-review1a.png" alt="Nestle: A powerful and easy solution for our business." title="Nestle: A powerful and easy solution for our business." width="470" height="427">
</div>
</div>
</div>
<div class="item ">
<div class="row app-align-center">
<div class="col-md-6 p-y-md carousel-left">
<div class="flex-container justify-content-space-between-md justify-content-space-between-xsm display-none-x">
<img class="logo-responsive lazy" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/Stars5.svg" width="121" height="20">
</div>
<div class="carousel-left-text" style="margin-bottom: 45px;">
<h3><b>"Comprehensive & convenient QR solution"</b></h3>
<p>Beaconstac’s QR Code solution helps us share information about our farmers and the origin of the fruit. With a host of personalisation options, Beaconstac has enabled us to use our product as a communication channel. </p>
</div>
<hr style="">
<div class="flex-container">
<img class="logo-responsive lazy card-center-xsm" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/INI.png" width="80" height="80">
<div class="col-12 p-x card-center-xsm">
<b><p class="text-center-xsm m-b-0 reviewer-details">PURNIMA KHANDELWAL</p>
<p class="text-center-xsm reviewer-details">CHIEF EXECUTIVE OFFICER,</p></b>
<img class="logo-responsive lazy card-center-xsm" src="" title="Beaconstac INI" alt="Beaconstac INI" data-src="https://static.beaconstac.com/assets/img/INI1.png" width="80" height="25">
</div>
</div>
</div>
<div class="col-md-6 p-l-md carousel-right">
<img class="visible-md visible-lg lazy" src="" data-src="https://static.beaconstac.com/assets/img/homepage-review3a.png" alt="INI: Comprehensive & convenient QR solution" title="INI: Comprehensive & convenient QR solution" width="470" height="427">
</div>
</div>
</div>
<div class="item ">
<div class="row app-align-center">
<div class="col-md-6 p-y-md carousel-left">
<div class="flex-container justify-content-space-between-md justify-content-space-between-xsm display-none-x">
<img class="logo-responsive lazy" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/Stars5.svg" width="121" height="20">
</div>
<div class="carousel-left-text" style="margin-bottom: 45px;">
<h3><b>"Great product, wonderful customer support"</b></h3>
<p>We provide virtual nutrition education using Microsoft Teams and we hit a roadblock. With a combination of customer support & engineering the functionality was added within 24 hours! The ability to solve issues painlessly is priceless as a customer!</p>
</div>
<hr style="">
<div class="flex-container">
<img class="logo-responsive lazy card-center-xsm" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/adagio.png" width="80" height="80">
<div class="col-12 p-x card-center-xsm">
<b><p class="text-center-xsm m-b-0 reviewer-details">RUTH BENDER</p>
<p class="text-center-xsm reviewer-details">PSE COORDINATOR,</p></b>
<img class="logo-responsive lazy card-center-xsm" src="" title="Beaconstac Adagio" alt="Beaconstac Adagio" data-src="https://static.beaconstac.com/assets/img/adagio1.png" width="80" height="25">
</div>
</div>
</div>
<div class="col-md-6 p-l-md carousel-right">
<img class="visible-md visible-lg lazy" src="" data-src="https://static.beaconstac.com/assets/img/homepage-review2a.png" alt="Adagio: Great product, wonderful customer support" title="Adagio: Great product, wonderful customer support" width="470" height="427">
</div>
</div>
</div>
<div class="item ">
<div class="row app-align-center">
<div class="col-md-6 p-y-md carousel-left">
<div class="flex-container justify-content-space-between-md justify-content-space-between-xsm display-none-x">
<img class="logo-responsive lazy" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/Stars5.svg" width="121" height="20">
</div>
<div class="carousel-left-text" style="margin-bottom: 45px;">
<h3><b>"A powerful and easy solution for our business"</b></h3>
<p>Beaconstac’s solution acts as a digital layer over our existing ordering system. My guests can load my digital menu through a PDF without having to download it to their personal devices. This helps me gain the trust of my guests.</p>
</div>
<hr style="">
<div class="flex-container">
<img class="logo-responsive lazy card-center-xsm" src="" title="" alt="" data-src="https://static.beaconstac.com/assets/img/Hilton.png" width="80" height="80">
<div class="col-12 p-x card-center-xsm">
<b><p class="text-center-xsm m-b-0 reviewer-details">ORLANDO HITZIG</p>
<p class="text-center-xsm reviewer-details">EXECUTIVE CHEF,</p></b>
<img class="logo-responsive lazy card-center-xsm" src="" title="Beaconstac Hilton" alt="Beaconstac Hilton" data-src="https://static.beaconstac.com/assets/img/Hilton1.png" width="80" height="25">
</div>
</div>
</div>
<div class="col-md-6 p-l-md carousel-right">
<img class="visible-md visible-lg lazy" src="" data-src="https://static.beaconstac.com/assets/img/homepage-review4a.png" alt="Hilton: A powerful and easy solution for our business" title="Hilton: A powerful and easy solution for our business" width="470" height="427">
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#info-carousel" role="button" data-slide="prev" style="width: 0;">
<i class="fa fa-angle-left carousel-arrow" style="left: -90px"></i>
</a>
<a class="right carousel-control" href="#info-carousel" role="button" data-slide="next" style="width: 0;">
<i class="fa fa-angle-right carousel-arrow" style="right: -90px;"></i>
</a>
</div>
<p class="cta-links text-center beaconstac_visibility">
<a href="https://www.g2.com/products/beaconstac-qr-codes/reviews/">
Real customer reviews on <br class="hidden-lg hidden-md"> G2
<img class="expansion-arrow lazy" src="" data-src="https://static.beaconstac.com/assets/img/arrow-pointing-to-right-blue.svg" title="Real customer reviews on G2" alt="Real customer reviews on G2" width="26" height="16">
</a>
</p>
</div>
</div>
<style>
.carousel-left {
padding-left: 50px;
}
.carousel-right hr {
border-top: 1px dashed #eee;
}
carousel-left-text {
margin-bottom: 45px;
}
.carousel-right img{
width:100%;
}
@media (max-width: 992px) {
.carousel-arrow {
font-size: 50px !important;
top: 90% !important;
}
.left .carousel-arrow {
left: 120px !important;
}
.right .carousel-arrow {
right: 120px !important
}
.carousel-left {
padding-left: 30px;
padding-right: 40px;
}
}
.carousel-arrow {
position: absolute;
top: 40%;
font-size: 90px;
opacity: 1;
}
.carousel-arrow:hover {
color: white;
}
.carousel-indicators {
bottom: 40px;
}
.carousel-inner {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.carousel-left-text h3{
font-size: 24px !important;
line-height: 29px !important;
}
.carousel-left-text p {
font-size: 14px !important;
line-height: 18px !important;
}
.reviewer-details {
font-size: 15px;
text-transform: uppercase;
line-height: 19px;
}
.carousel-control .carousel-arrow {
color: #2595ff;
}
.py-block {
padding: 80px 0px;
}
</style>
<!--todo: make this a partial -->
<div class="block background-blue buttom-cta-with-stats">
<div class="container">
<h2 id="" class="m-b-lg m-t-0 text-center text-white text-space"><b>Ready to create powerful QR Codes?</b></h2>
<div class="flex-container justify-content-space-between m-y-lg flex-direction-column-sm">
<div class="stats">
<p class="text-white" style="font-size: 48px;">20,000+</p>
<p class="text-white text-center m-t-md stats2"><i style="font-size: 21px;">Global businesses <br>trust us</i></p>
</div>
<div class="vertical-line"></div>
<div class="stats">
<p class="text-white " style="font-size: 48px;">100 Million+</p>
<p class="text-white text-center m-t-md stats2"><i style="font-size: 21px;">QR Code scans<br> worldwide</i></p>
</div>
<div class="vertical-line"></div>
<div class="stats">
<p class="text-white m-b-0" style="font-size: 48px;">4.93/5</p>
<p class="text-white text-center m-t-md stats2"><i style="font-size: 21px;">Rating on <br> G2</i></p>
</div>
</div>
<div class="flex-container w-full justify-content-center">
<div class="flex-container m-t banner-btn flex-direction-column-sm align-content-center-sm align-items-center-sm w-full-sm">
<div>
<a href="JavaScript:void(0);" onclick="FillQRStarterForm('', '', '', '', false, false)">
<button type="button" class="btn btn-default learn-more" style="color: rgb(37, 149, 255); min-width: 219px;" title="Signup for free for our QR Code platform">
START FREE TRIAL
</button>
</a>
</div>
<div class="mt-sm-1 ml-md-1">
<a href="/buy-qr-code-solution/#software">
<button class="btn btn-default schedule-demo-btn" title="Buy QR Code platform" style="min-width: 219px;">
VIEW PRICING
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="block block-inverse block-footer app-footer-new app-footer" style="background: #16212F !important;">
<div class="container container-fluid-0">
<div class="row footer-border-bottom m-b-lg mob-order">
<div class="col-md-3">
<a href="/">
<img class="lazy" data-src="https://static.beaconstac.com/assets/img/beaconstac-registered-white-6.svg" src="" title="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" alt="Beaconstac - A Proximity Marketing Company - Beacons | NFC | QR Codes" width="200" height="50">
</a>
</div>
<div class="col-md-4 col-md-offset-1 order-one">
<p class="footer-heading m-b-sm">12 East 49th Street, New York, NY 10017</p>
<a href="tel:+16469680378" class="footer-list">+1 (646) 968 0378</a>
</div>
<div class="col-md-3 col-md-offset-1 order-two">
<div class="footer-social-media p-b">
<p class="m-b"><a href="mailto: hello@beaconstac.com">hello@beaconstac.com</a></p>
<div class="social-media-links p-b">
<a href="https://twitter.com/beaconstac" aria-label="Beaconstac on Twitter" title="Beaconstac on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://facebook.com/beaconstac" aria-label="Beaconstac on Facebook" title="Beaconstac on Facebook"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
<a href="https://www.instagram.com/beaconstac/?hl=en" aria-label="Beaconstac on Instagram" title="Beaconstac on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/company/beaconstac-hq" aria-label="Contact us on Linkedin" title="Contact us on Linkedin"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="qr-btn qr-btn-mobile">
<button class="btn btn-primary btn-lg freeTrail-btn footer-trial-btn" style="margin-bottom:10px;" type="submit" onclick="FillQRStarterForm('','','','',false,false)">START FREE TRIAL</button>
<a class="d-md-inline-block align-middle" href="/buy-qr-code-solution/"><button class="footer-buyNow-btn ">BUY QR CODE SOLUTION</button></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<ul class="list-unstyled list-spaced">
<li>
<p class="text-uppercase footer-list">Product</p>
</li>
<li class="text-muted options footer-heading set-position"><a href="/qr-code-generator" title="">FREE QR Code generator</a></li>
<li class="text-muted options footer-heading"><a href="/dynamic-qr-code-generator" title="">Create Dynamic QR Codes</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2019/07/bulk-qr-code-generator/" title="">Bulk QR Code creation</a></li>
<li class="text-muted options footer-heading"><a href="/qr-code-generator-api" title="">QR Code API</a></li>
<li class="text-muted options footer-heading"><a href="/qr-code-tracking" title="">QR Code Tracking</a></li>
<li class="text-muted options footer-heading dropdown">
<span style="color:#2595ff;
font-size: 18px; font-weight:400;">Beaconstac</span> vs <button id="beaconstacVs" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Others <span class="caret"></span></button>
<ul id="vsMenu" class="dropdown-menu" aria-labelledby="beaconstacVs">
<li><a href="https://blog.beaconstac.com/2021/08/beaconstac-vs-qr-code-generator-pro/">QR Code generator PRO</a></li>
<li><a href="https://blog.beaconstac.com/2021/09/qr-code-generators-paid-vs-free/">QR Code Monkey</a></li>
<li><a href="https://blog.beaconstac.com/2021/08/qr-code-generators-beaconstac-vs-scanova/">Scanova</a></li>
<li><a href="https://blog.beaconstac.com/2022/02/flowcode-vs-beaconstac/">Flowcode</a></li>
<li><a href="https://blog.beaconstac.com/2022/04/qr-tiger-vs-beaconstac/">QRTiger</a></li>
</ul>
</li>
<li class="text-muted options footer-heading"><a href="/schedule-demo?utm_source=navbar&utm_medium=footerCTA" title="">Schedule demo</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="list-unstyled list-spaced">
<li>
<p class="text-uppercase footer-list">QR Codes for</p>
</li>
<li class="text-muted options footer-heading set-position"><a href="/pdf-qr-code" title="">PDF files</a></li>
<li class="text-muted options footer-heading"><a href="/how-to-get-a-qr-code-for-a-website" title="">Website URLs</a></li>
<li class="text-muted options footer-heading"><a href="/qr-code-generator-for-apps" title="">App Download</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2022/05/qr-code-landing-page/" title="">Custom Landing Pages</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2019/05/qr-code-menu-for-restaurant/" title="">Menus</a></li>
<li class="text-muted options footer-heading"><a href="/digital-business-card/with-qr-code/" title="">Business Cards</a></li>
<li class="text-muted options footer-heading"><a href="/coupon-qr-code" title="">Coupons</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="list-unstyled list-spaced">
<li>
<p class="text-uppercase footer-list">Learn</p>
</li>
<li class="text-muted options footer-heading set-position"><a href="https://blog.beaconstac.com/2022/07/comprehensive-guide-to-qr-code/" title="">All about QR Codes</a></li>
<li class="text-muted options footer-heading"><a href="/static-vs-dynamic-qr-codes" title="">Dynamic vs. Static QR Code</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2021/12/qr-code-analytics/" title="">QR Code Analytics 101</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2021/10/qr-code-tracking-google-analytics/" title="">QR Code + Google Analytics</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2019/10/custom-qr-codes-how-to-create-them/" title="">Guide : Custom QR Codes</a></li>
<li class="text-muted options footer-heading"><a href="https://docs.beaconstac.com/en/" title="">Knowledge base</a></li>
<li class="text-muted options footer-heading"><a href="https://blog.beaconstac.com/2022/09/qr-code-retargeting/" title="">QR Code Retargeting</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="list-unstyled list-spaced">
<li>
<p class="text-uppercase footer-list">Company</p>
</li>
<li class="text-muted options footer-heading set-position"><a href="/about" title="">About us</a></li>
<li class="text-muted options footer-heading"><a href="/why-beaconstac" title="">Why Beaconstac</a></li>
<li class="text-muted options footer-heading"><a href="/customer-stories" title="">Customer stories</a></li>
<li class="text-muted options footer-heading"><a href="https://careers.beaconstac.com/jobs" title="">Careers</a></li>
<li class="text-muted options footer-heading"><a href="/affiliate" title="">Affiliate program</a></li>
<li class="text-muted options footer-heading"><a href="/newsroom/" title="">Newsroom</a></li>
<li class="text-muted options footer-heading"><a href="/sitemap" title="">Sitemap</a></li>
</ul>
</div>
</div>
<div class="row set-position">
<div class="col-md-6">
<div class="qr-btn qr-btn-desktop m-t-md">
<button class="btn btn-primary btn-lg freeTrail-btn footer-trial-btn" data-gaevent=" Start Trial Footer Clicks" type="submit" onclick="FillQRStarterForm('','','',' Footer',false,false)">START FREE TRIAL</button>
<a class="d-md-inline-block align-middle" style="font-size: 16px !important;" href="/buy-qr-code-solution/"><button class="footer-buyNow-btn " data-gaevent=" Buy QR Code Solution Footer Clicks">BUY QR CODE SOLUTION</button></a>
</div>
</div>
<div class="col-md-3 m-t-md">
<ul class="list-unstyled list-spaced">
<li class="text-muted options footer-heading"><a href="/buy-nfc-tags/" title="">NFC</a></li>
<li class="text-muted options footer-heading"><a href="/buy-beacons/" title="">Beacons</a></li>
</ul>
</div>
<div class="col-md-3">
<div class="footer-qr-img">
<img class="lazy pull-left " data-src="https://static.beaconstac.com/assets/img/footer-qr-one.png" src="" style="width: 62px; margin-right: 20px;">
<img class="lazy pull-left " data-src="https://static.beaconstac.com/assets/img/footer-qr-two.png" src="" style="width: 62px;">
</div>
</div>
</div>
</div>
</div>
<div class="p-y p-x-md footer-bottom footer-border-top" style="background-color: #111A25;">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="set-position copyright-font-size text-muted">© 2023 Uniqode Phygital, Inc. All rights reserved.</div>
<div class="copyright-font-size text-muted mb-lg-1-only">© QR Code is a registered trademark of Denso Wave Incorporated.</div>
</div>
<div class="col-md-8 text-md-right">
<ul class="list-inline list-spaced">
<li class="text-muted footer-heading set-position options"><a href="/privacy" title="Privacy policy">Privacy</a></li>
<li class="text-muted footer-heading options"><a href="/terms-of-service" title="Terms of service">Terms of service</a></li>
<li class="text-muted footer-heading options"><a href="/cookie-policy" title="Cookie policy">Cookie policy</a></li>
<li class="text-muted footer-heading options"><a href="/third-party-list" title="Third party list">Third-party list</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://static.beaconstac.com/assets/js/toolkit.min.js"></script>
<!-- <script type="text/javascript">
$(document).ready(function () {
$("#learn-more").click(function () {
$("#videoModal").modal("show");
});
let videoModal = $("#videoModal");
/* Get iframe src attribute value i.e. YouTube video url
and store it in a variable */
var url = $("#beaconstacVideo").attr('src');
/* Assign empty url value to the iframe src attribute when
modal hide, which stop the video playing */
videoModal.on('hide.bs.modal', function () {
$("#beaconstacVideo").attr('src', '');
});
/* Assign the initially stored url back to the iframe src
attribute when modal is displayed again */
videoModal.on('show.bs.modal', function () {
$("#beaconstacVideo").attr('src', url);
});
});
</script> -->
<script type="text/javascript">
let header = document.getElementById('geofencing-tool');
let learnMoreBtn = document.querySelector('#learn-more-about-product-link');
let learnMoreAnchor = document.querySelector('#learn-more-about-product');
let productDescription = document.querySelector('#geofencing-tool-description');
let learnMoreBtnText;
var email_input = document.getElementsByName('email');
for (var i = 0; i < email_input.length; i++) {
addEmailValidation(email_input.item(i));
}
// Switch image on click
function changeImage(id) {
id = (id === 'geofencing' ? 'geofencing-tool' : id);
if (header !== undefined) {
header.style.color = "#6C6F73";
header.style.fontWeight = "300";
productDescription.classList.add("display-none");
}
if (id === "qr_code") {
header = document.getElementById(id);
id = id.replace("_", "-");
let learnMoreBtnTextArray = id.split("-");
} else {
learnMoreBtnText = id.toUpperCase();
header = document.getElementById(id);
}
productDescription = document.getElementById(id + '-description');
productDescription.classList.remove("display-none");
header.style.color = "#2595FF";
header.style.fontWeight = "bold";
if (id === 'qr-code') {
learnMoreBtn.innerHTML = "START QR CODE CAMPAIGNS";
learnMoreBtn.href = "/qr-code-generator";
} else if (id !== 'geofencing-tool') {
learnMoreBtn.href = "/" + id + "-marketing";
learnMoreBtn.innerHTML = "EXPLORE " + learnMoreBtnText + " MARKETING";
} else {
learnMoreBtn.href = "/geofencing";
learnMoreBtn.innerHTML = "EXPLORE GEOFENCING";
}
}
let headerMobile = document.getElementById('geofencing_mobile');
let learnMoreBtnMobile = document.querySelector('#learn-more-about-product-mobile-link');
let learnMoreAnchorMobile = document.querySelector('#learn-more-about-product-mobile');
let productDescriptionMobile = document.querySelector('#geofencing_mobile-description');
let learnMoreBtnTextMobile;
// Switch image on click in mobile
function changeImageMobile(id) {
if (headerMobile !== undefined) {
headerMobile.style.color = "#6C6F73";
headerMobile.style.fontWeight = "300";
productDescriptionMobile.classList.add("display-none");
}
if (id === "qr_code_mobile") {
headerMobile = document.getElementById(id);
id = "qr-code-mobile";
let learnMoreBtnTextArrayMobile = id.split("-");
learnMoreBtnMobile.href = "/qr-code-generator";
learnMoreBtnMobile.innerHTML = "START QR CODE CAMPAIGNS";
} else {
learnMoreBtnTextMobile = id.split('-')[0].toUpperCase();
headerMobile = document.getElementById(id);
if (id !== 'geofencing_mobile') {
learnMoreBtnMobile.href = "/" + id.split('-')[0] + "-marketing";
learnMoreBtnMobile.innerHTML = "EXPLORE " + learnMoreBtnTextMobile + " MARKETING";
} else {
learnMoreBtnMobile.href = "/geofencing";
learnMoreBtnMobile.innerHTML = "EXPLORE GEOFENCING";
}
}
productDescriptionMobile = document.getElementById(id + '-description');
productDescriptionMobile.classList.remove("display-none");
headerMobile.style.color = "#2595FF";
headerMobile.style.fontWeight = "bold";
}
function addBorderToImage(id) {
let displayWidth = window.innerWidth;
if (displayWidth > 992) {
let image = document.getElementById(id + '-inner-img');
image.classList.add('inner-img');
}
}
function removeBorderToImage(id) {
let displayWidth = window.innerWidth;
if (displayWidth > 992) {
let image = document.getElementById(id + '-inner-img');
image.classList.remove('inner-img');
}
}
function bannerCtasInMobileView() {
if (window.innerWidth <= 992) {
let ctaOne = $('#learn-more');
let ctaTwo = $('#get-started');
let maxButtonWidth = (ctaOne.width() > ctaTwo.width()) ? ctaOne.width() : ctaTwo.width();
ctaOne.css('min-width', 219);
ctaTwo.css('min-width', 219);
} else {
$('#learn-more').css('min-width', 0);
$('#get-started').css('min-width', 0);
}
}
window.addEventListener("resize", bannerCtasInMobileView);
function switchSideImage(imgName, imgAltText) {
if (window.innerWidth >= 992) {
let hoverableImg = document.getElementById('hoverable-img');
hoverableImg.src = 'https://static.beaconstac.com/assets/img/' + imgName;
hoverableImg.alt = imgAltText;
}
}
//new CTAs js
// let emailfield = document.getElementById('user_email_input');
// emailfield.addEventListener('keyup', () => {
// if (emailfield.value.length > 0)
// document.getElementById('user_redirect_button').classList.add('active');
// else
// document.getElementById('user_redirect_button').classList.remove('active');
// })
let emailfields = document.querySelectorAll(`.want-use-bar-code .cs-right input[type="text"]`);
for (let i = 0; i < emailfields.length; i++) {
emailfields[i].addEventListener('keyup', () => {
if (emailfields[i].value.length > 0)
emailfields[i].nextElementSibling.classList.add('active');
else
emailfields[i].nextElementSibling.classList.remove('active');
});
}
function redirect_to_signup(cta_index,campaign = 'template') {
let utm_source = "Website";
let emailfield = document.querySelector(`.want-use-bar-code.cta-${cta_index}-wrapper .cs-right input[type="text"]`);
addEmailValidationEmpty(emailfield);
let emailValidate = emailfield.classList.contains('is-invalid-custom-input');
if (emailfield.value.length > 0 && !emailValidate) {
let qrcodedata_ary = {
1: prepareQrCodeData_for_different_templates('#000000','#00CCD2','#005C88','vertical','','#FFFFFF','','none','#000000','','#FFFFFF','left-diamond','left-leaf','left-leaf','#00BFBD','#00487B'),
2: prepareQrCodeData_for_different_templates('#000000','#120801','#FF710D','vertical','','#FFFFFF','','circular','#D02E60','','#FFFFFF','circle','rounded','circle','#FF710D','#FF710D'),
3: prepareQrCodeData_for_different_templates('#000000','#6713C8','#FF38D4','radial','','#FFFFFF','','none','#D02E60','','#FFFFFF','kite','rounded','rounded','#000000','#6713C8'),
4: prepareQrCodeData_for_different_templates('#000000','#000000','#0087BD','horizontal','','#FFFFFF','','none','#D02E60','','#FFFFFF','right-diamond','circle','square','#0087BD','#000000')
};
let qrcodedata = qrcodedata_ary[cta_index];
let medium = "Middle"+cta_index;
FillQRStarterForm('', '', '','', false, false,'utm-source='+utm_source+'&email=' + encodeURIComponent(emailfield.value) + '&qr_code_email_design=' + qrcodedata + '&medium='+medium+'&campaign='+campaign);
}
}
function prepareQrCodeData_for_different_templates(color="",colorDark="",colorLight="",gradientType="",backgroundImage="",backgroundColor="",logoImage="",frameStyle="",frameColor="",frameText="",frameTextColor="",dataPattern="",eyeBallShape="",eyeFrameShape="",eyeBallColor="",eyeFrameColor="",) {
let qrData = {
"qr_campaign_type": "general",
"design": {
"color": color,
"colorDark": colorDark,
"colorLight": colorLight,
"gradientType": gradientType,
"backgroundImage": backgroundImage,
"backgroundColor": backgroundColor,
"logoImage": logoImage,
"frameStyle": frameStyle,
"frameColor": frameColor,
"frameText": frameText,
"frameTextColor": frameTextColor,
"dataPattern": dataPattern,
"eyeBallShape": eyeBallShape,
"eyeFrameShape": eyeFrameShape,
"eyeBallColor": eyeBallColor,
"eyeFrameColor": eyeFrameColor,
"logoBackground": true,
"margin": 80,
"dotScale": 1,
"rectangular": true,
"logoWidth": 0,
"logoHeight": 0,
"logoMargin": 10,
"logoScale": 0.2,
"isVCard": true
}
}
return btoa(JSON.stringify(qrData));
}
</script>
<script type="text/javascript">
async function FillQRStarterForm(target, device, event, trial_source=null, developer=false, addEvent=true, utmParams=null, IS_ES=false, openNewTab = false) {
let url='/store' + '/starter-signup';
if(target || device) {
event = 'QR Free Trial ' + device + ' Nav CTA ' + target;
}
trial_source = trial_source ? trial_source : window.location.href;
url=url+'?trial_source=' + trial_source;
if(developer) {
url=url+'&developer=true';
}
if(addEvent) {
url=url+'&event=' + encodeURI(event);
}
if(utmParams) {
url = url + '&' + utmParams;
}
if(IS_ES) {
url = url + '&language=es';
}
if( openNewTab ) {
window.open(
window.origin + url,
'_blank'
);
}else{
window.location.href = window.origin + url;
}
}
</script>
<script>
let currentUrl = window.location.href.replace(/&/g, '&');
window.addEventListener('DOMContentLoaded', function () {
let userEntryPointCookie = "";
userEntryPointCookie = checkForCookieByName("userEPC");
<!-- Check if User Entry Point Cookie exists -->
userEntryPointCookie = (userEntryPointCookie !== '') ? JSON.parse(userEntryPointCookie) : {};
if (Object.entries(userEntryPointCookie).length === 0 && userEntryPointCookie.constructor === Object) {
createUserEntryPointCookie("userEPC", currentUrl, document.referrer, 365);
}
updateAttributionData();
});
// script to be run on every page for intercom attribution
function updateAttributionData() {
let allowedCookies = ["utmSource", "utmCampaign", "utmMedium", "userJourney"];
for (i = 0; i < allowedCookies.length; i++) {
let cookieData = accessCookieDataByName(allowedCookies[i]);
if (cookieData !== '') {
createOrUpdateLocalStorage(allowedCookies[i], cookieData);
deleteCookie(allowedCookies[i]);
}
}
updateLocalStorageFromURL();
}
function updateLocalStorageFromURL() {
const allowedCookies = ["utmSource", "utmCampaign", "utmMedium"];
const utmNames = ["utm_source", "utm_campaign", "utm_medium"];
let url = new URL(currentUrl);
//update visited pages
createOrUpdateLocalStorage("userJourney", currentUrl.split('?')[0].replace(/^https?:\/\//, ''));
//updates utms
let params = url.searchParams;
if (url.search.indexOf('utm') >= 0) {
allowedCookies.forEach(function (item, index) {
let value = params.get(utmNames[index]);
createOrUpdateLocalStorage(item, value);
})
}
}
function createOrUpdateLocalStorage(name, newData) {
let currentData = localStorage.getItem(name);
if (!currentData) {
localStorage.setItem(name, newData);
} else {
let updatedData = currentData + "," + newData;
localStorage.setItem(name, updatedData);
}
}
function acceptCookies(){
//createCookieConsent(true);
hideAcceptCookiesModal();
}
function showAcceptCookiesModal(){
document.getElementById('privacy-policy-modal').style.visibility = 'visible';
document.getElementById('privacy-policy-modal').style.opacity = '1';
}
function hideAcceptCookiesModal(){
document.getElementById('privacy-policy-modal').style.visibility = 'hidden';
document.getElementById('privacy-policy-modal').style.opacity = '0';
}
function createUserEntryPointCookie(cookieName, userEntryLink, userReferrerLink, daysToExpire) {
let date = new Date();
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
let cookieData = JSON.parse('{"userEntryPoint": "' + userEntryLink + '", "userReferrerLink": "' + userReferrerLink + '", "expiryOn": "' + date.valueOf() + '"}');
document.cookie = cookieName + "=" + JSON.stringify(cookieData) + ";path=/;expires=" + date.toUTCString() + ";domain=.beaconstac.com;secure";
}
function updateUserEntryPointCookie(cookieName, cookieValue, cookieExpireOn) {
let cookieData = JSON.parse('{"userEntryPoint": ' + cookieValue + ',"expiryOn":' + cookieExpireOn + '}');
document.cookie = cookieName + "=" + JSON.stringify(cookieData) + "; expires=" + new Date(cookieExpireOn).toGMTString();
}
function deleteCookie(cookieName) {
document.cookie = cookieName + "= ; expires = Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=.beaconstac.com";
}
function checkForCookieByName(cookieName) {
return accessCookieDataByName(cookieName); //Check all cookies for cookie with given cookieName
}
function defaultCookieValue(){
if (navigator.cookieEnabled){
return {"userEntryPoint":"Cookie Error","userReferrerLink":"Cookie Error"}
}
else{
return {"userEntryPoint":"Cookie Disabled","userReferrerLink":"Cookie Disabled"}
}
}
//add cookieConsent with expiry of one year
function createCookieConsent(consent){
let date = new Date();
let daysToExpire = 365;
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
document.cookie = "cookieConsent" + "=" + consent + ";path=/;expires=" + date.toUTCString() + ";domain=.beaconstac.com;secure";
}
function getParamFromURL(name){
let params = (new URL(document.location)).searchParams;
let value = params.get(name);
return value;
}
function checkIfCookiesDisabled(){
if (!navigator.cookieEnabled){
return false
}
return true
}
function createIntercomObject(email, conversionFlow ,isCompany=false, companyDescription=""){
let lead = {
"email": email
};
let customAttributes = {
"conversion_flow": conversionFlow
};
let userAttributes = {};
let utmSource = localStorage.getItem('utmSource') ;
let utmCampaign = localStorage.getItem('utmCampaign') ;
let utmMedium = localStorage.getItem('utmMedium') ;
let userJourney = localStorage.getItem('userJourney').split(",").join("\n");
let userCookieData = "";
if(utmSource){
userAttributes["utm_source"] = utmSource;
}
if(utmCampaign){
userAttributes["utm_campaign"] = utmCampaign;
}
if(utmMedium){
userAttributes["utm_medium"] = utmMedium;
}
customAttributes["user_journey"] = userJourney;
userCookieData = (checkForCookieByName("userEPC") !== "") ? JSON.parse(accessCookieDataByName("userEPC")) : defaultCookieValue();
if(Object.entries(userCookieData).length !== 0 && userCookieData.constructor === Object){
customAttributes["landing_page"] = userCookieData.userEntryPoint;
customAttributes["traffic_referrer_url"] = userCookieData.userReferrerLink;
}
let blogReferrerUrl = getParamFromURL("blog_referrer_url");
customAttributes["blog_referrer_url"] = blogReferrerUrl ? blogReferrerUrl : "";
if(conversionFlow == 'Trial'){
let trialSource = getParamFromURL("trial_source");
customAttributes["trial_source"] = trialSource ? trialSource : document.referrer;
}
if(conversionFlow == 'Direct'){
let storeType = getParamFromURL("store_type");
customAttributes["store_type"] = storeType ? storeType : "";
let storeReferrerUrl = getParamFromURL("store_referrer_url");
customAttributes["store_referrer_url"] = storeReferrerUrl ? storeReferrerUrl : "";
}
if(isCompany){
customAttributes["company_description"] = companyDescription;
}
lead.custom_attributes = customAttributes;
lead.user_attributes = userAttributes;
return lead;
}
function createOrUpdateCookie(cookieName, newValue, daysToExpire=365) {
let date = new Date();
date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
if (!newValue){
newValue="NA";
}
let cookieData = accessCookieDataByName(cookieName);
let cookieValue = "";
if(cookieData){
cookieValue = cookieData + "," + newValue;
}else{
cookieValue = newValue;
}
document.cookie = cookieName + "=" + cookieValue + ";path=/;expires=" + date.toUTCString() + ";domain=.beaconstac.com;secure'";
}
function accessCookieDataByName(cookieName) {
let name = cookieName + "=";
let allCookiesArray = document.cookie.split(';');
for (let i = 0; i < allCookiesArray.length; i++) {
let temp = allCookiesArray[i].trim();
if (temp.indexOf(name) == 0) {
return temp.substring(name.length, temp.length);
}
}
return "";
}
function getCookieValue(cookieName){
return accessCookieDataByName(cookieName);
}
function createIntercomObjectCompany(email, companyDescription){
let lead = {
"email": email,
"custom_attributes": {}
};
lead.custom_attributes.company_description = companyDescription;
return lead;
}
</script>
<!-- Intercom -->
<script>
window.intercomSettings = {
app_id: "hc4as48h"
};
</script>
<script>
function loadIntercom(){
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/hc4as48h';
var x = d.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
};
l();
//setTimeout(l, 2*1000);//load the intercom widget after 2s.
}
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
$(document).on('scroll mousemove touchstart', function(e) {
let cookieConsent ="";
cookieConsent = checkForCookieByName("cookieConsent");
<!-- Check if Consent Cookie exists -->
if(cookieConsent!=="true"){
showAcceptCookiesModal();
createCookieConsent(true);
}
loadIntercom();
loadHotjar();
loadPrivy();
$(document).off("scroll mousemove touchstart");
});
});
</script>
<!-- Hotjar Tracking Code for www.beaconstac.com -->
<script>
function loadHotjar(){
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:705350,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}
</script>
<!-- Message modal script -->
<script>
function showMessageModal(message) {
if(!message){
return;
}
const messageModal = document.getElementById('message-modal');
if(messageModal){
document.getElementById('modal-message').innerText = message;
$('#message-modal').modal('show');
}
setTimeout(() => {
$('#message-modal').modal('hide');
}, 2000);
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function (entries, observer) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazy");
lazyImageObserver.unobserve(lazyImage);
}
});
});
lazyImages.forEach(function (lazyImage) {
lazyImageObserver.observe(lazyImage);
});
} else {
for (const lazyImage of lazyImages) {
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazy");
}
}
const googleAnalyticEventList = document.querySelectorAll("[data-gaEvent]");
googleAnalyticEventList.forEach((currentGoogleAnalyticEvent)=>{
currentGoogleAnalyticEvent.addEventListener("click", () => {
ga('send', 'event', 'Button', 'click',currentGoogleAnalyticEvent.dataset.gaevent);
});
});
});
// Email Us: Footer link
$('.email-us').click(function (event) {
let email = 'hello@beaconstac.com';
let attach = 'path';
document.location = "mailto:"+email+"?attach="+attach;
});
var _d_site = _d_site || '3E809EAFBC25926DF0014397';
function loadPrivy(){
(function(p, r, i, v, y) {
p[i] = p[i] || function() { (p[i].q = p[i].q || []).push(arguments) };
v = r.createElement('script'); v.async = 1; v.src = 'https://widget.privy.com/assets/widget.js';
y = r.getElementsByTagName('script')[0]; y.parentNode.insertBefore(v, y);
})(window, document, 'Privy');
}
</script>
<!-- AddThis configuration for Google Analytics -->
<script type="text/javascript">
const addthis_config = {
data_ga_property: 'UA-53058972-1',
data_ga_social : true
};
</script>
<!-- js for top nav qr templates -->
<script>
//custom js to redirect user
let topnav_emailfields = document.querySelectorAll(`.top-nav-cta .use-template-wrap input[type="text"]`);
for (let i = 0; i < topnav_emailfields.length; i++) {
topnav_emailfields[i].addEventListener('keyup', () => {
if (topnav_emailfields[i].value.length > 0)
topnav_emailfields[i].nextElementSibling.classList.add('active');
else
topnav_emailfields[i].nextElementSibling.classList.remove('active');
});
}
function top_nav_redirect_to_signup(email_field_id,campaign = 'template'){
let utm_source = "Website";
let medium;
let emailfield = document.getElementById(email_field_id);
if(emailfield.value.length>0)
{
let qrcodedata_ary = {
1:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMwMDAwMDAiLAogICAgImNvbG9yTGlnaHQiOiAiI2ZmZmZmZiIsCiAgICAiZ3JhZGllbnRUeXBlIjogInJhZGlhbCIsCiAgICAiYmFja2dyb3VuZEltYWdlIjogIiIsCiAgICAiYmFja2dyb3VuZENvbG9yIjogIiNEMjRGRkMiLAogICAgImxvZ29JbWFnZSI6ICIiLAogICAgImZyYW1lU3R5bGUiOiAiY2lyY3VsYXIiLAogICAgImZyYW1lQ29sb3IiOiAiIzAwMDAwMCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAia2l0ZSIsCiAgICAiZXllQmFsbFNoYXBlIjogImNpcmNsZSIsCiAgICAiZXllRnJhbWVTaGFwZSI6ICJjaXJjbGUiLAogICAgImV5ZUJhbGxDb2xvciI6ICIjZmZmZmZmIiwKICAgICJleWVGcmFtZUNvbG9yIjogIiNmZmZmZmYiLAogICAgImxvZ29CYWNrZ3JvdW5kIjogdHJ1ZSwKICAgICJtYXJnaW4iOiA4MCwKICAgICJkb3RTY2FsZSI6IDEsCiAgICAicmVjdGFuZ3VsYXIiOiB0cnVlLAogICAgImxvZ29XaWR0aCI6IDAsCiAgICAibG9nb0hlaWdodCI6IDAsCiAgICAibG9nb01hcmdpbiI6IDEwLAogICAgImxvZ29TY2FsZSI6IDAuMiwKICAgICJpc1ZDYXJkIjogdHJ1ZQogIH0KfQ==',
2:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiNBRjlENUUiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogInJhZGlhbCIsCiAgICAiYmFja2dyb3VuZEltYWdlIjogIiIsCiAgICAiYmFja2dyb3VuZENvbG9yIjogIiMwMDAwMDAiLAogICAgImxvZ29JbWFnZSI6ICIiLAogICAgImZyYW1lU3R5bGUiOiAibm9uZSIsCiAgICAiZnJhbWVDb2xvciI6ICIjRDAyRTYwIiwKICAgICJmcmFtZVRleHQiOiAiIiwKICAgICJmcmFtZVRleHRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJkYXRhUGF0dGVybiI6ICJraXRlIiwKICAgICJleWVCYWxsU2hhcGUiOiAic3F1YXJlIiwKICAgICJleWVGcmFtZVNoYXBlIjogInNxdWFyZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiNBRjlENUUiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiI0ZGRkZGRiIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9',
3:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMyRTFEODkiLAogICAgImNvbG9yTGlnaHQiOiAiIzJFMUQ4OSIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjQzBGRjQwIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAiY2lyY2xlIiwKICAgICJleWVGcmFtZVNoYXBlIjogImNpcmNsZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiMyRTFEODkiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiIzJFMUQ4OSIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9',
4:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMwMDAwMDAiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAicm91bmRlZCIsCiAgICAiZXllRnJhbWVTaGFwZSI6ICJsZWZ0LWxlYWYiLAogICAgImV5ZUJhbGxDb2xvciI6ICIjMDAwMDAwIiwKICAgICJleWVGcmFtZUNvbG9yIjogIiNGRjk0MjQiLAogICAgImxvZ29CYWNrZ3JvdW5kIjogdHJ1ZSwKICAgICJtYXJnaW4iOiA4MCwKICAgICJkb3RTY2FsZSI6IDEsCiAgICAicmVjdGFuZ3VsYXIiOiB0cnVlLAogICAgImxvZ29XaWR0aCI6IDAsCiAgICAibG9nb0hlaWdodCI6IDAsCiAgICAibG9nb01hcmdpbiI6IDEwLAogICAgImxvZ29TY2FsZSI6IDAuMiwKICAgICJpc1ZDYXJkIjogdHJ1ZQogIH0KfQ==',
5:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMwMDAwMDAiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjRkZFNDNGIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAicmlnaHQtZGlhbW9uZCIsCiAgICAiZXllQmFsbFNoYXBlIjogInJpZ2h0LWRpYW1vbmQiLAogICAgImV5ZUZyYW1lU2hhcGUiOiAic3F1YXJlIiwKICAgICJleWVCYWxsQ29sb3IiOiAiIzAwMDAwMCIsCiAgICAiZXllRnJhbWVDb2xvciI6ICIjMDAwMDAwIiwKICAgICJsb2dvQmFja2dyb3VuZCI6IHRydWUsCiAgICAibWFyZ2luIjogODAsCiAgICAiZG90U2NhbGUiOiAxLAogICAgInJlY3Rhbmd1bGFyIjogdHJ1ZSwKICAgICJsb2dvV2lkdGgiOiAwLAogICAgImxvZ29IZWlnaHQiOiAwLAogICAgImxvZ29NYXJnaW4iOiAxMCwKICAgICJsb2dvU2NhbGUiOiAwLjIsCiAgICAiaXNWQ2FyZCI6IHRydWUKICB9Cn0=',
6:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiNENDI3MDMiLAogICAgImNvbG9yTGlnaHQiOiAiI0U3OUYwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogInZlcnRpY2FsIiwKICAgICJiYWNrZ3JvdW5kSW1hZ2UiOiAiIiwKICAgICJiYWNrZ3JvdW5kQ29sb3IiOiAiI2ZmZmZmZiIsCiAgICAibG9nb0ltYWdlIjogIiIsCiAgICAiZnJhbWVTdHlsZSI6ICJjaXJjdWxhciIsCiAgICAiZnJhbWVDb2xvciI6ICIjMDAwMDAwIiwKICAgICJmcmFtZVRleHQiOiAiIiwKICAgICJmcmFtZVRleHRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJkYXRhUGF0dGVybiI6ICJyaWdodC1kaWFtb25kIiwKICAgICJleWVCYWxsU2hhcGUiOiAiY2lyY2xlIiwKICAgICJleWVGcmFtZVNoYXBlIjogImNpcmNsZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiMxRDk5RjEiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiI0RFMkUyRSIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9'
};
let foucsed_img;
if(email_field_id=="desktop_nav_email")
foucsed_img = document.querySelector('#desktop_carousel .top-nav-slider .carousel-inner div.active img');
else
foucsed_img = document.querySelector('.mobile-sidebar-parent-carousel .top-nav-slider .carousel-inner div.active img');
let templateid = foucsed_img.getAttribute("data-templateid");
let qrcodedata = qrcodedata_ary[templateid];
medium = 'topnav' + templateid;
FillQRStarterForm('', '', '','', false, false,'utm-source='+utm_source+'&email='+encodeURIComponent(emailfield.value)+'&qr_code_email_design='+qrcodedata+'&medium='+medium+'&campaign='+campaign);
}
}
//to stop the menu closing when click on carousel
$(document).on('click', '#desktop_carousel', function (e) {
e.stopPropagation();
});
</script>
<!-- js for top nav qr templates complete-->
<script type="text/javascript" id="">-1<window.location.href.indexOf("thank-you")?addTriggerEvent():(document.addEventListener("scroll",addLazyLoadTriggerEvent),document.addEventListener("mousemove",addLazyLoadTriggerEvent),document.addEventListener("touchstart",addLazyLoadTriggerEvent));
function addLazyLoadTriggerEvent(a){addTriggerEvent();document.removeEventListener("scroll",addLazyLoadTriggerEvent);document.removeEventListener("mousemove",addLazyLoadTriggerEvent);document.removeEventListener("touchstart",addLazyLoadTriggerEvent)}function addTriggerEvent(){window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:"User Interaction"})};</script><script type="text/javascript" id="">(function(b,d,e,c,a){b=b[a]=b[a]||{q:[],onReady:function(f){b.q.push(f)}};a=d.createElement(e);a.async=1;a.src=c;c=d.getElementsByTagName(e)[0];c.parentNode.insertBefore(a,c)})(window,document,"script","https://www.datadoghq-browser-agent.com/datadog-rum-v4.js","DD_RUM");
DD_RUM.onReady(function(){DD_RUM.init({clientToken:"pubbf4384dfd32914e7d51b5d8fe05c9243",applicationId:"a8fbdca8-709d-4eb1-9e82-169b171b6b5b",site:"datadoghq.com",service:"qa-beaconstac",env:"production",sampleRate:100,trackInteractions:!0,defaultPrivacyLevel:"mask-user-input"});DD_RUM.startSessionReplayRecording()});</script><script type="text/javascript" id="">(function(g,c){function k(a,f){a.prototype[f]=function(){this._q.push([f].concat(Array.prototype.slice.call(arguments,0)));return this}}function l(a){function f(m){a[m]=function(){a._q.push([m].concat(Array.prototype.slice.call(arguments,0)))}}for(var h=0;h<n.length;h++)f(n[h])}var d=g.amplitude||{_q:[],_iq:{}},b=c.createElement("script");b.type="text/javascript";b.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM";b.crossOrigin="anonymous";b.async=!0;b.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js";
b.onload=function(){g.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};c=c.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c);b=function(){this._q=[];return this};c="add append clearAll prepend set setOnce unset preInsert postInsert remove".split(" ");for(var e=0;e<c.length;e++)k(b,c[e]);d.Identify=b;b=function(){this._q=[];return this};c=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"];for(e=0;e<c.length;e++)k(b,c[e]);
d.Revenue=b;var n="init logEvent logRevenue setUserId setUserProperties setOptOut setVersionName setDomain setDeviceId enableTracking setGlobalUserProperties identify clearUserProperties setGroup logRevenueV2 regenerateDeviceId groupIdentify onInit logEventWithTimestamp logEventWithGroups setSessionId resetSessionId".split(" ");l(d);d.getInstance=function(a){a=(a&&0!==a.length?a:"$default_instance").toLowerCase();Object.prototype.hasOwnProperty.call(d._iq,a)||(d._iq[a]={_q:[]},l(d._iq[a]));return d._iq[a]};
g.amplitude=d})(window,document);amplitude.getInstance().init("ad99af175f39d509b340cb95fab60c35");</script><script type="text/javascript" id="">var getParamFromURL=function(a){var b=(new URL(document.location)).searchParams;return a=b.get(a)},parameters={page:document.location.href,"referral url":document.referrer,utm_source:getParamFromURL("utm_source"),utm_medium:getParamFromURL("utm_medium"),utm_campaign:getParamFromURL("utm_campaign")};amplitude.getInstance().logEvent("view landing page",parameters);</script></body></html>
