283 lines
13 KiB
HTML
283 lines
13 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Real Bingo</title>
|
||
|
|
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||
|
|
<meta name="description" content="Mobland - Mobile App Landing Page Template" />
|
||
|
|
<meta name="keywords" content="HTML5, bootstrap, mobile, app, landing, ios, android, responsive" />
|
||
|
|
|
||
|
|
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/themify-icons.css" />
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/owl.carousel.min.css" />
|
||
|
|
|
||
|
|
<link href="css/about.css" rel="stylesheet" />
|
||
|
|
<link rel="icon" href="/roulette.ico" />
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Delius&family=GFS+Didot&family=Merriweather&family=Nunito:wght@400;900&family=Orbitron:wght@400;500&family=Permanent+Marker&family=Play&family=Rampart+One&family=Roboto:wght@400;500&family=Rubik+Pixels&family=Stardos+Stencil&family=Tilt+Prism&display=swap"
|
||
|
|
rel="stylesheet" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body data-spy="scroll" data-target="#navbar" data-offset="30">
|
||
|
|
<div class="nav-menu fixed-top">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<nav class="navbar navbar-dark navbar-expand-lg">
|
||
|
|
<a class="navbar-brand" href="index.html"><img src="images/logo2.png" class="img-fluid" alt="logo" /></a>
|
||
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<header class="bg-gradient" id="home">
|
||
|
|
<div class="container mt-5">
|
||
|
|
<div class="section light-bg">
|
||
|
|
<div class="container">
|
||
|
|
<div class="section-title">
|
||
|
|
<small>About us</small>
|
||
|
|
<!-- <h3>Do more with our Game</h3> -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <h2 class="tag">Get to know more about us</h2> -->
|
||
|
|
|
||
|
|
<div class="responsive-container-block bigContainer">
|
||
|
|
<div class="responsive-container-block Container">
|
||
|
|
<div class="imgContainer">
|
||
|
|
<img class="blueDots" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/aw3.svg" />
|
||
|
|
<img class="mainImg" src="images/bggg.jpg" />
|
||
|
|
</div>
|
||
|
|
<div class="responsive-container-block textSide">
|
||
|
|
<p class="text-blk heading">Get to know more about us</p>
|
||
|
|
<p class="text-blk subHeading">
|
||
|
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit quod, deserunt iusto sit illo debitis repellat eos aspernatur laboriosam ratione voluptate ea vero possimus iste totam rerum facere? Consequatur nisi, placeat ea adipisci aperiam dolor.
|
||
|
|
</p>
|
||
|
|
<div class="responsive-cell-block wk-desk-6 wk-ipadp-6 wk-tab-12 wk-mobile-12">
|
||
|
|
<div class="cardImgContainer">
|
||
|
|
<img class="cardImg" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/id2.svg" />
|
||
|
|
</div>
|
||
|
|
<div class="cardText">
|
||
|
|
<p class="text-blk cardHeading">Value</p>
|
||
|
|
<p class="text-blk cardSubHeading">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive-cell-block wk-desk-6 wk-ipadp-6 wk-tab-12 wk-mobile-12">
|
||
|
|
<div class="cardImgContainer">
|
||
|
|
<img class="cardImg" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/id2.svg" />
|
||
|
|
</div>
|
||
|
|
<div class="cardText">
|
||
|
|
<p class="text-blk cardHeading">Value</p>
|
||
|
|
<p class="text-blk cardSubHeading">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive-cell-block wk-desk-6 wk-ipadp-6 wk-tab-12 wk-mobile-12">
|
||
|
|
<div class="cardImgContainer">
|
||
|
|
<img class="cardImg" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/id2.svg" />
|
||
|
|
</div>
|
||
|
|
<div class="cardText">
|
||
|
|
<p class="text-blk cardHeading">Value</p>
|
||
|
|
<p class="text-blk cardSubHeading">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive-cell-block wk-desk-6 wk-ipadp-6 wk-tab-12 wk-mobile-12">
|
||
|
|
<div class="cardImgContainer">
|
||
|
|
<img class="cardImg" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/id2.svg" />
|
||
|
|
</div>
|
||
|
|
<div class="cardText">
|
||
|
|
<p class="text-blk cardHeading">Value</p>
|
||
|
|
<p class="text-blk cardSubHeading">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a>
|
||
|
|
<button class="explore">Explore our Services</button>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<img class="redDots" src="https://workik-widget-assets.s3.amazonaws.com/widget-assets/images/cw3.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <p class="tagline">100% Safe</p> -->
|
||
|
|
<!-- <h5 class="tag">100% Safe</h5> -->
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<!-- <div class="client-logos my-5">
|
||
|
|
<div class="container text-center">
|
||
|
|
<img
|
||
|
|
src="images/client-logos.png"
|
||
|
|
alt="client logos"
|
||
|
|
class="img-fluid"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
|
||
|
|
<div class="light-bg py-5" id="contact">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-6 text-center text-lg-left">
|
||
|
|
<p class="mb-2">
|
||
|
|
<span class="ti-location-pin mr-2"></span> F15, East Court Phoenix Market City, Clover Park, Viman Nagar, Pune, Maharashtra 411014
|
||
|
|
</p>
|
||
|
|
<div class="d-block d-sm-inline-block">
|
||
|
|
<p class="mb-2">
|
||
|
|
<span class="ti-email mr-2"></span>
|
||
|
|
<a class="mr-4" href="/cdn-cgi/l/email-protection#592a2c2929362b2d1934363b30353c382929773a3634"><span
|
||
|
|
class="__cf_email__"
|
||
|
|
data-cfemail="32414742425d4046725f5d505b5e575342421c515d5f"
|
||
|
|
>[email protected]</span
|
||
|
|
></a
|
||
|
|
>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="d-block d-sm-inline-block">
|
||
|
|
<p class="mb-0">
|
||
|
|
<span class="ti-headphone-alt mr-2"></span>
|
||
|
|
<a class="simple" href="tel:51836362800">518-3636-2800</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<div class="social-icons">
|
||
|
|
<a href="#"><span class="ti-facebook"></span></a>
|
||
|
|
<a href="#"><span class="ti-twitter-alt"></span></a>
|
||
|
|
<a href="#"><span class="ti-instagram"></span></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<div class="mb-2">
|
||
|
|
<a href="privecy.html" class="m-2">PRESS</a>
|
||
|
|
<a href="privecy.html" class="m-2">TERMS</a>
|
||
|
|
<a href="privecy.html" class="m-2">PRIVACY</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Developed by pawan kumavat -->
|
||
|
|
|
||
|
|
<!-- <footer id="foot" class="my-5 text-center">
|
||
|
|
<p class="mb-2">
|
||
|
|
<span>© 2023 Bingo. Design & Develop by
|
||
|
|
<a class="small" href="https://www.appziatech.com/"
|
||
|
|
>Appzia technologies</a
|
||
|
|
></span
|
||
|
|
>
|
||
|
|
|
||
|
|
<span>
|
||
|
|
<a href="#" class="m-2">PRESS</a>
|
||
|
|
<a href="#" class="m-2">TERMS</a>
|
||
|
|
<a href="#" class="m-2">PRIVACY</a>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</footer> -->
|
||
|
|
|
||
|
|
<button type="button" class="btn btn-danger btn-floating btn-lg" id="btn-back-to-top">
|
||
|
|
<!-- <i class="fas fa-arrow-up"></i> -->
|
||
|
|
<svg
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="back-to-top-icon"
|
||
|
|
fill="none"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
stroke="currentColor"
|
||
|
|
>
|
||
|
|
<path
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
stroke-width="2"
|
||
|
|
d="M7 11l5-5m0 0l5 5m-5-5v12"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
||
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||
|
|
|
||
|
|
<script src="js/owl.carousel.min.js"></script>
|
||
|
|
|
||
|
|
<script src="js/script.js"></script>
|
||
|
|
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v52afc6f149f6479b8c77fa569edb01181681764108816" integrity="sha512-jGCTpDpBAYDGNYR5ztKt4BQPGef1P0giN6ZGVUi835kFF88FOmmn8jBQWNgrNd8g/Yu421NdgWhwQoaOPFflDw==" data-cf-beacon='{"rayId":"7bc69a5d4feb1bd6","token":"cd0b4b3a733644fc843ef0b185f98241","version":"2023.3.0","si":100}'
|
||
|
|
crossorigin="anonymous"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
$("#myButton").click(function() {
|
||
|
|
$("#popup").fadeIn();
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#closeButton").click(function() {
|
||
|
|
$("#popup").fadeOut();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
//Get the button
|
||
|
|
let mybutton = document.getElementById("btn-back-to-top");
|
||
|
|
|
||
|
|
// When the user scrolls down 20px from the top of the document, show the button
|
||
|
|
window.onscroll = function() {
|
||
|
|
scrollFunction();
|
||
|
|
};
|
||
|
|
|
||
|
|
function scrollFunction() {
|
||
|
|
if (
|
||
|
|
document.body.scrollTop > 20 ||
|
||
|
|
document.documentElement.scrollTop > 20
|
||
|
|
) {
|
||
|
|
mybutton.style.display = "block";
|
||
|
|
} else {
|
||
|
|
mybutton.style.display = "none";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// When the user clicks on the button, scroll to the top of the document
|
||
|
|
mybutton.addEventListener("click", backToTop);
|
||
|
|
|
||
|
|
function backToTop() {
|
||
|
|
document.body.scrollTop = 0;
|
||
|
|
document.documentElement.scrollTop = 0;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var buttons = document.querySelectorAll(".myButton");
|
||
|
|
var boxes = document.querySelectorAll(".myBox");
|
||
|
|
|
||
|
|
for (var i = 0; i < buttons.length; i++) {
|
||
|
|
var button = buttons[i];
|
||
|
|
var box = boxes[i];
|
||
|
|
|
||
|
|
button.addEventListener("click", function() {
|
||
|
|
if (box.style.display === "none") {
|
||
|
|
box.style.display = "block";
|
||
|
|
box.style.top = button.offsetTop + button.offsetHeight + "px";
|
||
|
|
box.style.left = button.offsetLeft + "px";
|
||
|
|
} else {
|
||
|
|
box.style.display = "none";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|