127 lines
4.2 KiB
HTML
127 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<meta
|
|
name="description"
|
|
content="Web site created using create-react-app"
|
|
/>
|
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
|
<link rel="stylesheet" href="%PUBLIC_URL%/style.css" type="text/css" />
|
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/animate.css" type="text/css" />
|
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/all.css" type="text/css" />
|
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/jquery.bxslider.css" type="text/css" />
|
|
|
|
<!-- Font Google -->
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!--
|
|
manifest.json provides metadata used when your web app is installed on a
|
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
<!--
|
|
Notice the use of %PUBLIC_URL% in the tags above.
|
|
It will be replaced with the URL of the `public` folder during the build.
|
|
Only files inside the `public` folder can be referenced from the HTML.
|
|
|
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
work correctly both with client-side routing and a non-root public URL.
|
|
Learn how to configure a non-root public URL by running `npm run build`.
|
|
-->
|
|
<title>Safe QR App</title>
|
|
</head>
|
|
<body>
|
|
<script src="%PUBLIC_URL%/js/bootstrap.min.js"></script>
|
|
<script src="%PUBLIC_URL%/js/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
|
|
<!-- scrollIt js -->
|
|
<script src="%PUBLIC_URL%/js/scrollIt.min.js"></script>
|
|
<script src="%PUBLIC_URL%/js/wow.min.js"></script>
|
|
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
<div id="root"></div>
|
|
<!--
|
|
This HTML file is a template.
|
|
If you open it directly in the browser, you will see an empty page.
|
|
|
|
You can add webfonts, meta tags, or analytics to this file.
|
|
The build step will place the bundled scripts into the <body> tag.
|
|
|
|
To begin the development, run `npm start` or `yarn start`.
|
|
To create a production bundle, use `npm run build` or `yarn build`.
|
|
-->
|
|
|
|
<script>
|
|
wow = new WOW();
|
|
wow.init();
|
|
$(document).ready(function(e) {
|
|
|
|
$('#video-icon').on('click',function(e){
|
|
e.preventDefault();
|
|
$('.video-popup').css('display','flex');
|
|
$('.iframe-src').slideDown();
|
|
});
|
|
$('.video-popup').on('click',function(e){
|
|
var $target = e.target.nodeName;
|
|
var video_src = $(this).find('iframe').attr('src');
|
|
if($target != 'IFRAME'){
|
|
$('.video-popup').fadeOut();
|
|
$('.iframe-src').slideUp();
|
|
$('.video-popup iframe').attr('src'," ");
|
|
$('.video-popup iframe').attr('src',video_src);
|
|
}
|
|
});
|
|
|
|
$('.slider').bxSlider({
|
|
pager: false
|
|
});
|
|
});
|
|
|
|
$(window).on("scroll",function () {
|
|
|
|
var bodyScroll = $(window).scrollTop(),
|
|
navbar = $(".navbar");
|
|
|
|
if(bodyScroll > 50){
|
|
$('.navbar-logo img').attr('src','../marketing/images/logo-black.png');
|
|
navbar.addClass("nav-scroll");
|
|
|
|
}else{
|
|
$('.navbar-logo img').attr('src','../marketing/images/logo.png');
|
|
navbar.removeClass("nav-scroll");
|
|
}
|
|
|
|
});
|
|
$(window).on("load",function (){
|
|
var bodyScroll = $(window).scrollTop(),
|
|
navbar = $(".navbar");
|
|
|
|
if(bodyScroll > 50){
|
|
$('.navbar-logo img').attr('src','images/logo-black.png');
|
|
navbar.addClass("nav-scroll");
|
|
}else{
|
|
$('.navbar-logo img').attr('src','images/logo.png');
|
|
navbar.removeClass("nav-scroll");
|
|
}
|
|
|
|
$.scrollIt({
|
|
|
|
easing: 'swing', // the easing function for animation
|
|
scrollTime: 900, // how long (in ms) the animation takes
|
|
activeClass: 'active', // class given to the active nav element
|
|
onPageChange: null, // function(pageIndex) that is called when page is changed
|
|
topOffset: -63
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|