
<!Doctype html>
<html class="no-js" lang="en">
<html lang="hu">
  <head>
  	<title>myWitness | True that!</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
	<meta name="keywords" content="photo, Certificate of authenticity, witness">
	<meta name="description" content="Have a witness in your pocket! Anytime, anywhere. A witness who could  prove anything happening around you. And prove that in a legally certified manner. Sounds great, right?.">

	<!-- URL's -->
    <link rel="canonical" href="https://mywitness.app/sitemap.xml" />

    <link rel="stylesheet" href="files/css/main.css?time=1656201210" type="text/css">
	<link rel="stylesheet" href="files/css/popup.css" type="text/css" media="screen" />
	
	<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">

    <!-- Icons -->
    <link rel="stylesheet" href="files/css/font-awesome.min.css" type="text/css">

    <!-- Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900" rel="stylesheet" />

	<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
	<script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" crossorigin="anonymous"></script>
	<script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>
	
	<script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script>

	<meta property="og:url"             content="https://mywitness.app"/>
    <meta property="og:type"            content="website"/>
    <meta property="og:title"           content="myWitness | True that!"/>
    <meta property="og:description"     content="Have a witness in your pocket! Anytime, anywhere. A witness who could  prove anything happening around you. And prove that in a legally certified manner. Sounds great, right?."/>
    <meta property="og:image"           content="https://devland.everprove.com/files/img/meta_mywitness_en.jpg" />
    <meta property="fb:app_id"          content="362206821316134"/>
  </head>
  <body>
	<!--div id="menu_slide"></div-->
	<div id="header">
		<div class="bg1"></div>
		<div class="bg2">
			<div id="iphone"></div>
		</div>
		<div class="main">
			<div class="content d-flex justify-content-center align-items-center">
				<div>
					<div class="d-flex justify-content-center my-3">
						<img src="../files/img/myWitness_logo_en.png" style="width: 80%; height auto; align-self: center;">
					</div>
					<div class="row d-flex justify-content-center justify-content-md-center justify-content-lg-left mt-5">
						<div class="mx-3 my-2 d-md-flex justify-content-md-center">
							<a href="https://apps.apple.com/us/app/my-witness-app/id1553872110" target="_blank"><img src="../files/img/app_store_white.png" style="width: 180px; height: auto !important;"></a>
						</div>
						<div class="mx-3 my-2 d-md-flex justify-content-md-center">
							<a href="https://play.google.com/store/apps/details?id=app.mywitness&hl=hu&gl=US" target="_blank"><img src="../files/img/google_play_white.png" style="width: 180px; height: auto !important;"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

    <div id="features" class="mb-5" style="">
		<div class="container p-0">
			<div class="row m-0">
				<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 d-flex align-items-center my-2 px-1">
					<img class="" src="files/img/events.png" style="width: 100%; height: auto !important;">
				</div>
				<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 d-flex align-items-center my-2">
					<div id="featuresCarousel" class="carousel slide w-100" data-ride="carousel" style="">
						<div class="carousel-inner">
							<div class="carousel-item active">
								<div class="w-100 h-100">
									<h2 class="mb-0 mt-5">
										Have a witness in your pocket! Anytime, anywhere.									</h2>
								</div>
							</div>
							<div class="carousel-item">
								<div class="w-100 h-100">
									<h2 class="mb-0 mt-5">
										A witness who could  prove anything happening around you.									</h2>
								</div>
							</div>
							<div class="carousel-item">
								<div class="w-100 h-100">
									<h2 class="mb-0 mt-5">
										And prove that in a legally certified manner. Sounds great, right?									</h2>
								</div>
							</div>
						</div>
						<ol class="carousel-indicators d-flex justify-content-center">
							<li data-target="#featuresCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#featuresCarousel" data-slide-to="1"></li>
							<li data-target="#featuresCarousel" data-slide-to="2"></li>
						</ol>
					</div>
				</div>
			</div>
		</div>
	</div>

    <div id="offer">
		<div id="offer-container" class="container p-5">
			<h2 class="text-center mb-4">EASY AND ATTESTED</h2>
			<p class="text-center mb-5 content-description" >
				You can create documented evidence suitable for legal use with the myWitness app, and you can do all that in an incredibly easy process			</p>
			<div class="row">
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
					<img class="" src="files/img/mobiles_en.png" style="width: 100%; height: auto !important;">
				</div>
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 p-5">
					<div class="mb-4">
						<h3 class="mb-3">1. Capture anything</h3>
						Something important happening? Open myWitness and snap or record					</div>
					<div>
						<h3 class="mb-3">2. We certify that</h3>
						The captured photo, video or audio will be transformed into legal evidence					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="certificate" class="my-5">
		<div id="certificate-container" class="container">
			<h2 class="text-center">CERTIFICATE</h2>
			<p class="text-center mb-5 content-description" >
				A cool certificate will be created for you, which contains digital signature and is recorded on our blockchain. This document will prove anything anywhere for you.			</p>
			<div class="row d-flex justify-content-center">
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 my-auto order-2 order-sm-2 order-md-2 order-lg-1">
					<div class="row mb-4 descriptions">
						<div class="col-9">
							<h3 class="mb-3">Detailed PDF document</h3>
							Attested evidence suitable for use in legal proceedings*						</div>
						<div class="col-3 d-flex align-items-center">
							<img class="" src="files/img/list_pdf.png" style="width: 50px; height: 50px">
						</div>
					</div>
					<div class="row mb-4 descriptions">
						<div class="col-9">
							<h3 class="mb-3">Important metadata included</h3>
							Timestamp, GPS coordinates, network information etc.						</div>
						<div class="col-3 d-flex align-items-center">
							<img class="" src="files/img/list_meta.png" style="width: 50px; height: 50px">
						</div>
					</div>
					<div class="row mb-4 descriptions">
						<div class="col-9">
							<h3 class="mb-3">Attested document</h3>
							Certified by qualified electronic signature and blockchain						</div>
						<div class="col-3 d-flex align-items-center">
							<img class="" src="files/img/list_auth.png" style="width: 50px; height: 50px">
						</div>
					</div>
				</div>
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 d-flex justify-content-center order-1 order-sm-1 order-md-1 order-lg-2 mb-4 mb-sm-4 mb-md-4 mb-lg-0 mb-xl-0" style="max-width: 400px;">
					<img class="" src="files/img/certi_layers.png" style="width: 100%; height: auto; align-self: center">
				</div>
			</div>
		</div>
	</div>

	<div id="legalText" class="container" style="font-size: 10pt; max-width: 700px;">
		* This is not a legal advice, depending on your jurisdiction you shall seek own legal assistance in your court disputes	</div>

	<div id="callToAction" class="my-5">
		<div id="callToAction-container" class="container">
			<div class="row">
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 d-flex align-items-center">
					<div class="mb-4">
						<div class="m-2">
							<h2 class="text-center text-lg-left text-xl-left" style="font-weight: 700; line-height: 35px">Download and use the myWitness app for free!</h2>
						</div>
						<div class="row m-0 d-flex justify-content-center justify-content-lg-start">
							<div class="m-2">
								<a href="https://apps.apple.com/us/app/my-witness-app/id1553872110" target="_blank"><img src="../files/img/app_store_white.png" style="width: 150px; height: auto !important;"></a>
							</div>
							<div class="m-2">
								<a href="https://play.google.com/store/apps/details?id=app.mywitness&hl=hu&gl=US" target="_blank"><img src="../files/img/google_play_white.png" style="width: 150px; height: auto !important;"></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 d-flex justify-content-center">
					<div class="row d-flex justify-content-center" style="max-width: 400px;">
						<img class="mobiles_img" src="files/img/app_example_en.png" style="width: 100%; height: auto !important; margin-bottom: -80px; align-self: center;">
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="company">
		<div class="container">
			<div class="w-100 d-flex justify-content-center mb-5">
				<div class="d-flex justify-content-center" style="max-width: 350px;">
					<img src="files/img/company_header.png" alt="" style="width: 100%; height: auto !important; align-self: center">
				</div>
			</div>
			
			<div>
				<h2 class="text-center">ENTERPRISE INTEGRATION?</h2>
				<div class="text-center content-description" >
					Would your business benefit from such a solution? Contact us, our team of professional monkeys will be happy to integrate!				</div>
			</div>
			<div class="d-flex justify-content-center my-2">
				<button id="contactus" class="btn btn-primary mt-3" data-toggle="modal" data-target="#contactModal">Contact us</button>
			</div>
		</div>
	</div>

	<div id="callToAction" class="my-5">
		<div id="callToAction-container" class="container">
			<div class="row">
				<div class="col-sm-12 col-md-12 col-lg-8 col-xl-8 d-flex align-items-center">
					<div class="mb-4">
						<div class="m-2">
							<h3 class="mb-3" style="font-weight: 700; line-height: 35px">
								Did we prove something important for you?							</h3>
							<div>
								The myWitness app is free to use and download, and you can support us in keeping it that way. We love Bitcoin and we are thankful for any donations...							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
					<div class="row d-flex justify-content-center" style="">
						<div style="position: relative; width: fit-content;">
							<img class="w-100" src="files/img/callToAction_mobile.png" style="max-width: 250px; height: auto !important; margin-bottom: -31px;">
							<div class="btn-bitcoin p-3" style="" onclick="window.open('https://blockstream.info/address/bc1qkffj6gc5gl3janfyvt826mrrv8h2djug4aen7w', '_blank');">
									<img src="files/img/bitcoin_logo.png" style="width: 40px; height: auto !important; margin-right: 5px; height: auto !important;"> Bitcoin address								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="footer">
		<div class="container p-3 text-center" style="color: #fff;">
			<div class="mb-4 mt-4">
				<a href="/"><img class="" src="files/img/myWitness_logo_en.png" style="width: 200px; height: auto !important;"></a>
			</div>
			<div class="row d-flex justify-content-center mb-3">
                <div class="mx-2">
					<a href="/privacy-policy">Privacy Policy</a>
                </div>
                <div class="mx-2">
					<a href="/terms">Terms and Conditions</a>
                </div>
			</div>
			<div class="row mb-2 ">
				<div class="order-1 col-sm-12 col-md-3 col-lg-3 d-flex flex-nowrap justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-start my-3">
					<a href="https://www.facebook.com/mywitnessapp" class="mx-2" target="_blank"><img src="files/img/fb_logo.png" style="width: 25px; height: auto !important;"></a>
					<a href="#" class="mx-2"  data-toggle="modal" data-target="#contactModal" target="_blank"><img src="files/img/email_logo.png" style="width: 33px; height: auto !important;"></a>
				</div>
				<div class="order-3 order-md-2 col-sm-12 col-md-6 col-lg-6 d-flex flex-nowrap justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-center my-3" style="font-size: 1rem">
					2021 MyWitness © - All rights reserved.				</div>
				<div class="order-2 col-sm-12 col-md-3 col-lg-3 d-flex flex-nowrap justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-end my-3">
					<a href="https://everprove.com/" target="_blank">
						<img src="files/img/everprove_logo_white.png" style="width: 120px; height: auto !important;">
					</a>
				</div>
					
			</div>
		</div>
	</div>

	<!-- Contact Modal -->
<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header d-flex justify-content-center" style="position: relative;">
                <div style="position: absolute; top: 10px; right: 10px;">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <img src="files/img/exit_modal.png" style="width: 20px; height: auto !important;">
                    </button>
                </div>
                <div class="">
                    <img src="files/img/contact_modal.png" style="width: 100%; max-width: 250px; height: auto !important;">
                </div>
            </div>
            <div class="modal-body text-center mx-auto">
                <h2 class="">Drop us a line</h2>
                <div class="">
                    Got an idea how your business can use MyWitness? Let us know and we get back to you in a few days.                </div>
                <form action="send" method="POST" id="contactUsForm" class="text-left">
                    <div class="form-group">
                        <label for="name" class="bmd-label-floating">Name</label>
                        <input type="name" class="form-control" id="name" name="name" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <label for="email" class="bmd-label-floating">Email address</label>
                        <input type="email" class="form-control" id="email" name="email" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" id="message" name="message" rows="5" placeholder="Drop your message here..." autocomplete="off"></textarea>
                    </div>
                    
                    <div style="width:100%; margin:15px"></div>
                    <div id="msg_thankyou" class="d-flex justify-content-center d-none mb-3">Message sent successfully!</div>
                    <div id="msg_failed" class="d-flex justify-content-center d-none mb-3">Sending message failed, please try again!</div>

                    <div class="d-flex justify-content-center">
                        <div class="g-recaptcha" name="g-recaptcha" data-sitekey="6LcNV-QZAAAAAKFJgr0ylhG9WOLLwgmUJsufNyzQ"></div> 
                    </div>
                    
                    <div class="d-flex justify-content-end mt-4">
                        <button type="submit" class="btn btn-primary">Send</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer mx-3">
            </div>
        </div>
    </div>
</div>
	<script type="text/javascript" src="files/js/mdb.min.js"></script>
	<script src="files/js/app.js"></script>
	<script>
		// carousel
		$('#featuresCarousel').carousel({
			interval: 2500
		});
		// mobile viewport hack
		let sch = window.screen.height;
		document.documentElement.style.setProperty('--sch', `${sch}px`);

		let vh = window.screen.height * 0.01;
		document.documentElement.style.setProperty('--vh', `${vh}px`);
		
		$(function() {
			fitPhoneScreen();
		});
		
		$(window).on('resize', function(){
			let vh = window.screen.height * 0.01;
			document.documentElement.style.setProperty('--vh', `${vh}px`);

			fitPhoneScreen();
		});
		
		function fitPhoneScreen() {
			var height = window.screen.height, width = window.screen.width;
			var pos = $('.bg2').offset(); var left = pos.left;
			var aspect = width / height;
			
			var zoom = 117, offset = 70;
			
			if(aspect > 1920/1020)
			{
				zoom = Math.round(1.17 * width * 1020 / 1920 / height * 1000) / 10;

				var compensation = 1 / ((width - (41.1*height/100)) / width);

				offset = Math.round(compensation * left / width * 1000) / 10;
			}
			else
			{
				var imgWidth = height * 1920 / 1020;
				var hiddenLeft = (imgWidth - width) / 2; // nem látható rész fele
				var visibleLeft = left;
				var compensation = 1.281; //compensation = 1 / ((imgWidth - (40*height/100)) / imgWidth);	// ((szélesség - telószélesség) / szélesség) reciproka
				
				offset = Math.round(compensation * (hiddenLeft + visibleLeft) / imgWidth * 1000) / 10;
			}

			$('.bg2').css('background-position', offset+'% center');
			$('.bg2').css('background-size', 'auto '+zoom+'%');
			$('.bg1').css('height', window.screen.height);
		}
	</script>
	<script src="https://www.google.com/recaptcha/api.js?hl=hu"></script>
  </body>
</html>
