404.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<link rel="dns-prefetch" href="//roman.matviy.pp.ua">
	<meta name="generator" content="WordPress 6.4.2">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="content-language" content="en">
	<meta name="robots" content="all">
	<title>404 Not Found – Roman M. - FullStack Developer Laravel Prestashop</title><!-- max 70 -->
	<meta name="description" content="This page could not be found. Go back to the homepage to continue browsing Roman Matviy's developer portfolio."><!-- max 160 -->
	<meta name="copyright" content="Roman Matviy FullStack Developer Laravel Prestashop, Wordpress, PHP, SQL, VUE)">
	<link rel="canonical" href="https://roman.matviy.pp.ua/404" />
	<!--<link rel="stylesheet" href="assets/dist/style.css?ver=4">-->
	<link rel="stylesheet" href="/assets/dist/style.min.css?ver=4">
	<!--<link rel="preload" href="assets/icons/fonts/icons.ttf" as="font">-->
	<link rel="preload" href="/assets/icons/style.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
	<noscript>
		<link rel="stylesheet" href="/assets/icons/style.min.css">
	</noscript>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

	<meta name="twitter:card" content="summary">
	<meta name="twitter:image" content="https://roman.matviy.pp.ua/assets/img/photo.jpg">
	<meta name="twitter:site" content="404 Not Found – Roman Matviy">
	<meta name="twitter:title" content="404 Not Found – Roman Matviy">
	<meta name="twitter:description" content="Page not found – Go back to Roman Matviy’s homepage.">

	<meta property="og:type" content="website">
	<meta property="og:title" content="404 Not Found – Roman Matviy">
	<meta property="og:description" content="This page could not be found. Return to the homepage to continue browsing.">
	<meta property="og:url" content="https://roman.matviy.pp.ua/404">
	<meta property="og:image" content="https://roman.matviy.pp.ua/assets/img/photo.jpg">
</head>

<body>
	<header class="header">
		<div class="wrapper">
			<div class="text-wrapper">
				<a class="link" href="https://roman.matviy.pp.ua/">
					<h2 class="full-name">Page Not Found (404)</h2>
					<h1 class="title" id="pageTitle">Unfortunately, this page doesn't exist</h1>
				</a>
				<h2 class="text">
					It seems you've reached a page that doesn't exist or has been moved. <br><br>
					Please go back to the <a href="https://roman.matviy.pp.ua/" class="goToBlock" style="text-decoration: underline;">homepage</a> to continue browsing the site.
				</h2>
			</div>
			<a href="https://roman.matviy.pp.ua/" class="logo" title="Go to the homepage">
				<img src="/assets/img/photo.jpg" width="200" height="200"
					alt="Roman Matviy – FullStack Developer (Laravel, Prestashop, WordPress, PHP, SQL, VUE)" />
				<span>Return to homepage</span>
			</a>
		</div>
	</header>

	<div class="modal" id="exitModal" onclick="closeModal()">
        <div class="modal-content" onclick="event.stopPropagation();">
			<h4 class="title">Stay with me!</h4>
            <p>
				Thank you for visiting my website. If you have any questions or are interested in collaboration, please reach out. I'm ready to listen to your ideas and work towards the best solution for you. Your success is my priority, and I'm here to support you every step of the way. I value your interest and hope this marks the start of a successful partnership.
				<br>
				<br>
				Enjoy a 10% discount on my services with promo code <strong class="promo">'HireRomanDev'</strong>.
			</p>

			<br>
			<h3 id="countdown">Time remaining for this offer: <b>3 hours</b></h3>
			<br>

			<div class="wrapper-btn">
				<button class="btn btn-close btn-danger" onclick="closeModal()">Closing the offer</button>
				<a class="btn btn-contact btn-success" href="https://t.me/RomanMatviy" target="_blank" rel="nofollow noreferrer noopener" title="Hire FullStack Developer Prestashop, Laravel, WordPress, Thirty Bees, PHP, SQL, VUE">Hire a Fullstack Developer</a>
			</div>
        </div>
    </div>
	<footer class="footer">
		<div class="wrapper">
			<a href="https://roman.matviy.pp.ua" title="FullStack Developer Laravel Prestashop Rocket LMS WordPress Thirty Bees PHP VUE SQL JS JavaScript" target="_blank" rel="dofollow">
				@ Roman Matviy 2018 - <span id="year"></span>
			</a>
		</div>
	</footer>
	<script>
		document.addEventListener('DOMContentLoaded', function () {
			// Google tag (gtag.js)
			setTimeout(function () {
				// Load Google Tag Manager script
				var script = document.createElement('script');
				script.async = true;
				script.src = 'https://www.googletagmanager.com/gtag/js?id=G-QLQDMJH9MT';
				document.head.appendChild(script);

				// Initialize gtag
				script.onload = function () {
					window.dataLayer = window.dataLayer || [];

					function gtag() {
						dataLayer.push(arguments);
					}
					gtag('js', new Date());
					gtag('config', 'G-QLQDMJH9MT');
				};
			}, 3000);

			var d = new Date();
			var n = d.getFullYear();
			document.getElementById('year').innerHTML = n;
			var url_string = window.location.href
			var url = new URL(url_string);
		});

		//! Favicon
		var favicons = [
			'/assets/favicons/1.png',
			'/assets/favicons/2.png',
		];

		var currentFaviconIndex = 0;
		var intervalId; // Зберігаємо ідентифікатор інтервалу

		function startFaviconAnimation() {
			intervalId = setInterval(function() {
				changeFavicon(favicons[currentFaviconIndex]);
				currentFaviconIndex = (currentFaviconIndex + 1) % favicons.length;
			}, 1000);
		}

		function stopFaviconAnimation() {
			clearInterval(intervalId);
			changeFavicon('favicon.ico');
		}

		//! Countdown
		// Функція для отримання часу, коли користувач записався
		function getSignUpTime() {
			const currentTime = new Date().getTime();
			return currentTime;
		}

		// Функція для встановлення кукі з часом запису
		function setSignUpTimeCookie() {
			const signUpTime = getSignUpTime();
			document.cookie = `signUpTime=${signUpTime}; expires=${new Date(signUpTime + 3 * 60 * 60 * 1000).toUTCString()}; path=/`;
		}

		// Функція для отримання часу, коли користувач повинен бути повідомлений про новий відлік
		function getNextCountdownTime() {
			const signUpTime = parseFloat(document.cookie.replace(/(?:(?:^|.*;\s*)signUpTime\s*=\s*([^;]*).*$)|^.*$/, "$1"));
			return signUpTime + 3 * 60 * 60 * 1000;
		}

		// Функція для оновлення годинника
		function updateCountdown() {
			const currentTime = new Date().getTime();
			const nextCountdownTime = getNextCountdownTime();

			if (currentTime < nextCountdownTime) {
				const timeDifference = nextCountdownTime - currentTime;
				const hours = Math.floor(timeDifference / (60 * 60 * 1000));
				const minutes = Math.floor((timeDifference % (60 * 60 * 1000)) / (60 * 1000));
				const seconds = Math.floor((timeDifference % (60 * 1000)) / 1000);

				document.getElementById('countdown').innerHTML = `Time remaining for this offer: <b class="promo">${hours} hours, ${minutes} minutes, ${seconds} seconds</b>`;
			} else {
				setSignUpTimeCookie();
				updateCountdown();
			}
		}

		// Set the modal closed time to local storage when the modal is closed
		function setModalCloseTime() {
			modalClosedTime = new Date().getTime();
			localStorage.setItem('modalClosedTime', modalClosedTime);
		}

		//! Modal
		document.addEventListener('visibilitychange', function() {
			if (document.visibilityState === 'hidden') {
				startFaviconAnimation();

				// Оновлюємо годинник при завантаженні сторінки
				updateCountdown();

				// Оновлюємо годинник кожну секунду
				setInterval(updateCountdown, 1000);

				openModal();
			} else {
				stopFaviconAnimation();
			}
		});

		window.addEventListener('beforeunload', function () {
			openModal();
			setModalCloseTime();
		});

		function openModal() {
			let currentTime = new Date().getTime();
			let lastModalClosedTime = localStorage.getItem('modalClosedTime');

			//let shouldOpenModal = !lastModalClosedTime || (currentTime - lastModalClosedTime) >= (60 * 60 * 1000);
			let shouldOpenModal = !lastModalClosedTime || (currentTime - lastModalClosedTime) >= (15 * 60 * 1000);


			console.log(lastModalClosedTime);
			console.log(shouldOpenModal);

			// Remove the closed-modal class from the body element
			if (document.body.classList.contains('closed-modal')) {
				document.body.classList.remove('closed-modal');
			}

			if (shouldOpenModal) {
				// Check if the modal is already closed
				if (!document.body.classList.contains('closed-modal')) {

					// Remove the closed time from local storage
					localStorage.removeItem('modalClosedTime');

					setTimeout(() => {
						document.getElementById("exitModal").style.display = "flex";
					}, 1000);
				}
			}
		}

		function closeModal() {
			//location.reload();
			setModalCloseTime();

			document.body.classList.add('closed-modal');
			document.getElementById("exitModal").style.display = "none";
		}

		function changeFavicon(newFavicon) {
			var link = document.createElement('link');
			link.type = 'image/x-icon';
			link.rel = 'icon';
			link.href = newFavicon;

			var existingLink = document.querySelector("link[rel*='icon']");
			if (existingLink) {
				document.head.removeChild(existingLink);
			}

			document.head.appendChild(link);
		}
	</script>
	<!-- JSON-LD script for defining fullstack developer information -->
	<script type="application/ld+json">
		{
			"@context": "http://schema.org",
			"@type": "Person",
			"name": "Roman Matviy",
			"description": "I am a professional Full Stack Developer with experience in creating web applications using a variety of technologies. My skills encompass both front-end and back-end development, including working with Prestashop, Wordpress, Laravel, PHP, JavaScript, Vue.js, and other frameworks. Throughout my years of work, I have preferred using modern technologies to build fast, scalable, and efficient solutions. I am enthusiastic about collaborating on exciting projects and contributing to the development of innovative web applications.",
			"image": "https://roman.matviy.pp.ua/assets/img/photo.jpg",
			"jobTitle": [
				"FullStack Developer",
				"Full Stack Developer",
				"FullStack Engineer",
				"Full Stack Engineer",
				"Web Developer",
				"Software Engineer",
				"Frontend Developer",
				"Backend Developer",
				"Prestashop Developer",
				"Prestashop Freelancer",
				"Prestashop Freelance",
				"FullStack Prestashop Developer",
				"FullStack Prestashop Freelancer",
				"FullStack Prestashop Freelance",
				"Frontend Prestashop Developer",
				"Frontend Prestashop Freelancer",
				"Frontend Prestashop Freelance",
				"Backend Prestashop Developer",
				"Backend Prestashop Freelancer",
				"Backend Prestashop Freelance",
				"Hire Prestashop Developer",
				"Hire Prestashop Freelancer",
				"Hire Prestashop Freelance",
				"Hire FullStack Prestashop Developer",
				"Hire FullStack Prestashop Freelancer",
				"Hire FullStack Prestashop Freelance",
				"Hire Frontend Prestashop Developer",
				"Hire Frontend Prestashop Freelancer",
				"Hire Frontend Prestashop Freelance",
				"Hire Backend Prestashop Developer",
				"Hire Backend Prestashop Freelancer",
				"Hire Backend Prestashop Freelance",
				"Laravel Developer",
				"FullStack Laravel Developer",
				"Frontend Laravel Developer",
				"Backend Laravel Developer",
				"Wordpress Developer",
				"Thirty Bees Developer",
				"PHP Developer",
				"SQL Developer",
				"VUE Developer",
				"Bootstrap Developer"
			],
			"knowsLanguage": [
				{
					"@type": "Language",
					"name": "English"
				},
				{
					"@type": "Language",
					"name": "Ukrainian"
				},
				{
					"@type": "Language",
					"name": "Polish"
				},
				{
					"@type": "Language",
					"name": "Prestashop"
				},
				{
					"@type": "Language",
					"name": "Laravel"
				},
				{
					"@type": "Language",
					"name": "Wordpress"
				},
				{
					"@type": "Language",
					"name": "PHP"
				},
				{
					"@type": "Language",
					"name": "JavaScript"
				},
				{
					"@type": "Language",
					"name": "SQL"
				},
				{
					"@type": "Language",
					"name": "HTML"
				},
				{
					"@type": "Language",
					"name": "CSS"
				},
				{
					"@type": "Language",
					"name": "Vue.js"
				},
				{
					"@type": "Language",
					"name": "Bootstrap"
				}
			],
			"url": "https://roman.matviy.pp.ua",
			"reviewedBy": "https://freelancehunt.com/freelancer/romas6ka.html#reviews",
			"sameAs": [
				"https://linkedin.com/in/MatviyRoman",
				"https://github.com/MatviyRoman",
				"https://fb.com/romas6ka"
			],
			"email": "roman@matviy.pp.ua",
			"telephone": "+380-93-88-00-822"
		}
	</script>
</body>

</html>