<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, shrink-to-fit=yes">
	<meta name="description"
		content="YOUR EXPERT corporate social media marketing consultants for publicly traded companies">
	<meta name="robots" content="noindex,nofollow">
	<meta name="keywords"
		content="Expert, Corporate, SocialMedia, Marketing, Consultants, Persistency, Consistency, Zero, LetsConnect">

	<title>Hashtag Edge - YOUR EXPERT in corporate social media marketing consultants for publicly traded companies
	</title>

	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" rel="stylesheet"
		integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ=="
		crossorigin="anonymous" referrerpolicy="no-referrer">
	<script src="https://code.jquery.com/jquery-3.7.1.min.js"
		integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
	<script src="https://code.jquery.com/ui/1.14.0/jquery-ui.min.js"
		integrity="sha256-Fb0zP4jE3JHqu+IBB9YktLcSjI1Zc6J2b6gTjB0LpoM=" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
		</script>
	<script src='https://www.google.com/recaptcha/api.js'></script>

	<link rel="shortcut icon" href="assets/favicon.ico">

	<script>
		$(window).scroll(e => {
			const currentScroll = $(this).scrollTop();
			if (scrollPos === undefined)
				var scrollPos = 0;

			$('#spanScrollIndicator')[currentScroll > scrollPos ? 'fadeOut' : 'fadeIn']();

			scrollPos = currentScroll;
		})

		$(document).ready(function (e) {
			if (location.hostname != "hashtagedge.neocities.org") {
				$('body').html("<b>Go steal someone else's work benchod.</b>")
			}

			$("#frmContact").on('submit', (function (e) {
				e.preventDefault();
				$("#mail-status").hide();
				$('#send-message').hide();
				$('#loader-icon').show();

				new Promise(r => setTimeout(r, 1000)).then(_ => {
					$("#mail-status").show();
					$('#loader-icon').hide();
					$('#send-message').hide();
					$("#mail-status").attr("class", "success");
					$("#mail-status").html(`Hi ${$('#name').val()}. We have received your message and will be in touch soon!`);
				});
			}));

			document.getElementById('hCopyRight').innerHTML = createCopyRightString();
		});

		function createCopyRightString() {
			const year = new Date().getFullYear();
			const copyright = `Copyright ©${year} HashtagEdge™`;

			return copyright;
		}

		function validate() {
			let isValid = true;

			document.querySelectorAll("[required]").forEach(e => {
				const id = `#${e.id}`;
				const text = $(id).val().trim();

				e.classList.remove('is-invalid');
				if (!text) {
					$(id).effect('shake', {
						times: 1,
						distance: 5
					}).addClass('is-invalid')
				}

				isValid &= false;
			});

			return isValid;
		}

		function showLoader() {
			return true;
		}

		function input_OnKeyDown(ctrl) {
			ctrl.classList.remove('is-invalid');
		}
	</script>

	<style>
		.logo_scroll {
			background-image: url("assets/hashtagedge.png");
			min-height: 95vh;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}

		.logo_text {
			background-image: url("assets/logotext.png");
			min-height: 20vh;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}

		.submit {
			background-color: lightgray;
		}

		.scroll_down {
			min-height: 5vh;
			background-color: lightgray;
		}

		.content {
			min-height: 95vh;
		}

		.success {}

		.error {
			color: red;
		}
	</style>
</head>

<body>
	<script>
		0
	</script>
	<div class="container-fluid">
		<div class="row">
			<div class="col">
				<div class="logo_scroll"></div>
			</div>
		</div>

		<div class="row scroll_down text-center pt-1">
			<div class="col">
				<span id="spanScrollIndicator">
					<i class="fa-solid fa-down-long fa-xl"></i>
					Contact Us
				</span>
			</div>
		</div>

		<div class="content" class="row">
			<div class="col">
				<form id="frmContact" method="POST">
					<div class="form-group row">
						<div class="row">
							<div class="col">
								<div class="logo_text"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-auto w-50 mt-1">
								<input type="text" id="name" name="name" placeholder="Name"
									title="Please enter your name" onkeydown="input_OnKeyDown(this);"
									class="form-control" aria-required="true" required>
							</div>
						</div>
						<div class="row">
							<div class="col-auto w-50 mt-1">
								<input type="text" id="email" name="email" placeholder="Email"
									title="Please enter your email address" class="form-control" aria-required="true"
									onkeydown="input_OnKeyDown(this);" required>
							</div>
						</div>
						<div class="row">
							<div class="col-auto w-50 mt-1">
								<input type="text" id="phone" name="phone" placeholder="Phone Number"
									title="Please enter your phone number" class="form-control" aria-required="true"
									onkeydown="input_OnKeyDown(this);" required>
							</div>
						</div>
						<div class="row">
							<div class="col-auto w-50 mt-1">
								<textarea id="comment-content" name="content" placeholder="Comments"
									class="form-control"></textarea>
							</div>
						</div>
						<div class="row">
							<div class="col-auto mt-1">
								<div class="g-recaptcha" data-sitekey="6LfRy5oqAAAAANYiZeNrhGXrjBIJ4Bxksq-xhWXf"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-auto">
								<div id="mail-status"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-auto mt-2">
								<input type="submit" id="send-message" class="form-control submit" value="Send Message"
									onclick="return validate() && showLoader();">
								<div id="loader-icon" style="display:none;"><img src="assets/loader.gif" /></div>
							</div>
						</div>
				</form>
			</div>

			<footer class="footer">
				<div class="row">
					<div class="col text-end">
						<span id="hCopyRight"></span>
					</div>
				</div>
			</footer>
		</div>
	</div>
</body>

</html>