






<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="_csrf" content="07e163e1-0be3-4393-a28f-3a7d4d16d582" />
<meta name="_csrf_header" content="X-CSRF-TOKEN" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<link href="/resources/assets/images/icons/favicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/resources/assets/bootstrap/css/bootstrap.css">
<script type="text/javascript" src="/resources/assets/widgets/jquery-ui.min/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="/resources/assets/elements/procurehere-public.css">
<link rel="stylesheet" type="text/css" href="/resources/assets/elements/open-sans.css">
<script type="text/javascript" src="/resources/assets/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript" src="/resources/js/owl.carousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="/resources/assets/elements/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="/resources/assets/elements/owl.theme.default.min.css">


<title>Procurehere Login</title>

<script>
if(top != window) {
top.location = window.location
}
</script>

<script type="text/javascript">
	/* $(window).load(function() {
		setTimeout(function() {
			$('#loading').fadeOut(400, "linear");
		}, 300);
	}); */

	function getContextPath() {
		return "";
	}
	
	$(window).scroll(function(){
		  var header_top = $('.header_top');
		   scroll = $(window).scrollTop();
		  if (scroll >= 10) {header_top.addClass('fixed-head');
		 
	   /* $('#main').css({"padding-top":"100px"});   */
		  $('.logo').addClass('logo-width-27');
		  $('.header-bottom').addClass('header-btm-55');  
		  $('.logo a img').addClass('logo-img-size');
		  }
		  else {header_top.removeClass('fixed-head');
		  $('.logo').removeClass('logo-width-27');
		  $('.header-bottom').removeClass('header-btm-55');  
		  $('.logo a img').removeClass('logo-img-size');  
		/*   $('#main').css({"padding-top":"0px"}); */
		  }
		});

	
</script>

<!-- Start of procurehere Zendesk Widget script -->
<script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="procurehere.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
/*]]>*/</script>




<!-- End of procurehere Zendesk Widget script -->



</head>
<body>

	<script type="text/javascript">
		/* $(function() {
			$('input[name="daterange"]').daterangepicker();
		}); */
	</script>
	<header id="header"> 






<!-- -----------------------------Header Section Starts-------------------------------- -->
<div class="header">
	<div class="header_top">
		<div class="logo buyer-check-logo">
			<div class="col-md-2">
				<a class="" href="https://www.procurehere.com">
					<img src="/resources/images/public/saas_pro_logo.png" alt="Procurement Most Intuitive e-procurement system" />
				</a>
			</div>
			
			<div class="tab-icons"><i class="fa fa-bars font-30" onclick="openNavTab()"></i><i class="fa fa-search btn-search-tab"></i>
				<br><input type="text" placeholder="Search" class="tab-search tab-view-search">
			  </div>
			<!-- <div>
				<input type="text" placeholder="Search" class="media-input form-control" />
				<div class="menu-btn" id="toggleme">
					<i class="fa fa-bars"></i>
				</div>
			</div> -->
		</div>

		<div id="mySidenav-tab" class="sidenav text-left">
			<a href="javascript:void(0)" class="closebtn" onclick="closeNavTab()">&times;</a>
			<li class="text-center" style="border: none"><a class="#"><i class="fa fa-search search-icon"></i>
			<form action="https://www.procurehere.com/" method="get" autocomplete="off">
			  <input type="text" name="s" id="s1" placeholder="Search" class="tab-search">
			  </form>
			</a></li>
			<li><a href="https://www.procurehere.com/buyer/">Buyer</a></li>
					<li><a href="https://www.procurehere.com/supplier/">Supplier</a></li>
					<li><a href="https://www.procurehere.com/pricing/">Pricing</a></li>
					<li><a href="https://www.procurehere.com/about-us/">About Us</a></li>
					<li><a href="https://www.procurehere.com/blog/">Blog</a></li>
					<li class="width-51"><a href="https://www.procurehere.com" class="start-free-trl-btn">Start Free Trial</a></li>
					<li class="width-51"><a href="https://app.procurehere.com/login" class="signin_bttn">Login</a></li>
					<li class="phone-li padding-15-25"><a href="#" class="icon-margin-10"><i class="fa fa-phone"></i><a></li>
		  </div>

		  <div id="mySidenav" class="sidenav">
			<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
			  <li class="text-center" style="border: none"><a class="#"><i class="fa fa-search search-icon"></i>
				<form action="https://www.procurehere.com/" method="get" autocomplete="off">
				<input type="text" name="s" id="s2" placeholder="Search" class="tab-search">
				</form>
			  </a></li>
			  <li><a href="https://www.procurehere.com/buyer/">Buyer</a></li>
					  <li><a href="https://www.procurehere.com/supplier/">Supplier</a></li>
					  <li><a href="https://www.procurehere.com/pricing/">Pricing</a></li>
					  <li><a href="https://www.procurehere.com/about-us/">About Us</a></li>
					  <li><a href="https://www.procurehere.com/blog/">Blog</a></li>
			</div>

		<div class="mobile-icons">
			<span>
				<a href="https://www.procurehere.com/free-trial/">
					<i class="fa fa-user-plus"> </i>
				</a>
				<a href="https://app.procurehere.com/login">
					<i class="fa fa-sign-in"> </i>
				</a>
				<i class="fa fa-search search-icon"> </i>
			</span>
			<span>
				<i class="fa fa-bars fa-2x pull-right bars-icon" onclick="openNav()"></i>
			</span>
			<br>
			<form action="https://www.procurehere.com/" method="get" autocomplete="off">
				<input type="text" name="s" id="s3" placeholder="Search" class="tab-search mobile-search">
			</form>
		</div>
		<div class="header-bottom">
			<div class="header-bottom-center">
				<div class="menu_wrap">
					<div class="nav_inner">
						<ul class="nav menu">
							<li><a href="https://www.procurehere.com/buyer/">Buyer</a></li>
							<li><a href="https://www.procurehere.com/supplier/">Supplier</a></li>
							<li><a href="https://www.procurehere.com/pricing/">Pricing</a></li>
							<li><a href="https://www.procurehere.com/about-us/">About Us</a></li>
							<li><a href="https://www.procurehere.com/blog/">Blog</a></li>
							<li><a href="https://www.procurehere.com/free-trial/" class="start-free-trl-btn" >Start Free Trial</a></li>
							<li><a href="https://app.procurehere.com/login" class="signin_bttn">Login</a></li>
							<li><div class="wrapper">
									<div class="search-box">
										<form action="https://www.procurehere.com/" method="get" autocomplete="off">
										<input type="text" name="s" id="s4" placeholder="Search" class="input">
										<div class="btn-search">
											<i class="fa fa-search" aria-hidden="true"></i>
										</div>
										<input type="submit" class="submit" value="" style="display:none;">
										</form>
									</div>
								</div>
							</li>							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- ------------------------------Head Section Ends------------------------------- -->

<script>
// ----------------Sidebar----------------
function openNav() {
    document.getElementById("mySidenav").style.width = "250px";
   document.getElementById("main").style.marginLeft = "-250px";
    /* document.getElementById("main").style.transition = "all .5s ease"; */
    document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
    document.body.style.overflow = "hidden";
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
   document.getElementById("main").style.marginLeft = "auto";
    document.body.style.backgroundColor = "white";
    document.body.style.overflow = "auto";

}
function openNavTab() {
    document.getElementById("mySidenav-tab").style.width = "250px";
   document.getElementById("main").style.marginLeft = "-250px";
    document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
    document.body.style.overflow = "hidden";
}

function closeNavTab() {
    document.getElementById("mySidenav-tab").style.width = "0";
    document.getElementById("main").style.marginLeft = "auto"; 
    document.body.style.backgroundColor = "white";
    document.body.style.overflow = "auto";

}

$(".search-icon").click(function(){
  $(".tab-search").fadeToggle(500);
  $(".tab-search").toggleClass('tab-search-width');

});
$(".btn-search-tab").click(function(){
  $(".tab-search").fadeToggle(500);
  $(".tab-search").toggleClass('tab-search-width');

});
$(".closebtn, .bars-icon").click(function(){
  $(".tab-search").hide();
  $(".tab-search").removeClass('tab-search-width');
  

});


</script> </header>
	<div id="main" style="padding-top: 100px">
		<section id="site-content"> 







<style>
	.ticker-container {
		background-color: white;
		color: black;
		padding: 10px;
		margin: 0 auto; /* Center the container horizontally */
		display: inline-block;  /* Adjust the width to control the size of the container */
		border: 2px solid #03AAF5;
		border-radius: 10px;
		text-align: center;
	}

	.parent-container {
		text-align: center; /* Center the inline-block container */
	}

	.ticker-container p {
		text-align: center;
		margin: 0; /* Remove top and bottom margins */
		font-size: 16px; /* Adjust the font size as needed */
		line-height: 1.5; /* Improve readability */
	}

	.ticker-container a[href^="mailto:"] {
		color: #3366CC;
	}

	.highlight {
		color: black;
		font-size: 130%;
		font-weight: bold;
	}
</style>

<div class="container">
	<div class="buyer-check-section">
		
			<p class="login-text font-27 margin-btm-2">
				Login for secure access to your <br> Procurehere account
			</p>
		
		
		<form class="form-width-35" action="/login" id="login-validation" method="post" autocomplete="off">
			
			
			

			<input type="hidden" name="_csrf" value="07e163e1-0be3-4393-a28f-3a7d4d16d582" />
			<input type="hidden" name="countryCode" value="MY" />
			<input type="hidden" name="timeZone" value="Asia/Kuala_Lumpur" />
			<input type="hidden" name="timeZoneGmt" value="GMT+8" />
			<div class="form-group">
				<label for="username">Username</label>
				<input type="text" class="form-control" name="username" id="username" autocomplete="off" data-validation="email" data-validation-length="min1" id="username" placeholder="ENTER EMAIL">
			</div>
			<div class="form-group">
				<label for="password">Password</label>
				<input type="password" class="form-control" name="password" id="password" autocomplete="new-password" data-validation="required" data-validation-length="6-64" data-validation-error-msg="Password must be between 6-64 characters" placeholder="PASSWORD">
				<p class="forgot-password-link">
					<a href="/admin/forgetPassword">Forgotten your password?</a>
				</p>
			</div>
			<div class="text-center">
				<button class="btn btn-primary margin-btm-2" type="submit" id="loginSigninBtn">Login</button>
			</div>
			<p class="release-text">
				Release Version: <font color="red"></font>
				1.159.10
			</p>
		</form>
	</div>
</div>
<div>
	<div class="parent-container">
		<div class="ticker-container">
			<p><span class="highlight">Notice:</span> <span
					style="border: none; background: none; position: relative; top: -3px;">
            <img src="/resources/assets/images/settings.png" alt="Logo"
				 style="width: 16px; height: 16px; vertical-align: middle;"></span>
				Scheduled Monthly Maintenance Window for Procurehere | 24th August 2024 (Saturday) - 1:00AM till 5:00AM
			</p>
		</div>
	</div>
</div>
<div class="container-fluid login-options">
	<div class="row">
		<div class="col-sm-1 col-md-1 col-lg-1 col-xs-0"></div>
		<div class="col-sm-5 col-md-5 col-lg-5 col-xs-12 redirect-here-section padding-left-5">
			<img src="/resources/images/public/user-icon.png" alt="user-icon" class="img-responsive">
			<p>
				Not yet a member? Explore our simple<br>subcription packages today.
			</p><a href="https://www.procurehere.com/pricing">
			<button class="btn btn-default">Click Here</button>
		</a>
		</div>
		<div class="col-sm-5 col-md-5 col-lg-5 col-xs-12 redirect-here-section padding-right-5">
			<img src="/resources/images/public/supplier-sign.png" alt="supplier-sign" class="img-responsive">
			<p>
				Are you a supplier looking to access<br>global procurement opportunities?
			</p>
			<a href="https://www.procurehere.com/supplier">
				<button class="btn btn-default">Click Here</button>
			</a>
		</div>
		<div class="col-sm-1 col-md-1 col-lg-1 col-xs-0"></div>
	</div>
</div>

<!-- Start of procurehere Zendesk Widget script -->
<script>
	/*<![CDATA[*/window.zEmbed
	|| function(e, t) {
		var n, o, d, i, s, a = [], r = document.createElement("iframe");
		window.zEmbed = function() {
			a.push(arguments)
		}, window.zE = window.zE || window.zEmbed, r.src = "javascript:false", r.title = "", r.role = "presentation", (r.frameElement || r).style.cssText = "display: none", d = document.getElementsByTagName("script"), d = d[d.length - 1],
				d.parentNode.insertBefore(r, d), i = r.contentWindow, s = i.document;
		try {
			o = s
		} catch (e) {
			n = document.domain, r.src = 'javascript:var d=document.open();d.domain="' + n + '";void(0);', o = s
		}
		o.open()._l = function() {
			var e = this.createElement("script");
			n && (this.domain = n), e.id = "js-iframe-async", e.src = "https://assets.zendesk.com/embeddable_framework/main.js", this.t = +new Date, this.zendeskHost = "procurehere.zendesk.com", this.zEQueue = a, this.body.appendChild(e)
		}, o.write('<body onload="document._l();">'), o.close()
	}();
	/*]]>*/
</script>
<!-- End of procurehere Zendesk Widget script -->



<script>
	zE(function() {
		zE.setHelpCenterSuggestions({ labels: ['LOGIN-page', 'FORGOT-password'] });
	});
</script>
<script type="text/javascript">
	var TxtType = function(el, toRotate, period) {
		this.toRotate = toRotate;
		this.el = el;
		this.loopNum = 0;
		this.period = parseInt(period, 10) || 2000;
		this.txt = '';
		this.tick();
		this.isDeleting = false;
	};

	TxtType.prototype.tick = function() {
		var i = this.loopNum % this.toRotate.length;
		var fullTxt = this.toRotate[i];

		if (this.isDeleting) {
			this.txt = fullTxt.substring(0, this.txt.length - 1);
		} else {
			this.txt = fullTxt.substring(0, this.txt.length + 1);
		}

		this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>';

		var that = this;
		var delta = 200 - Math.random() * 100;

		if (this.isDeleting) {
			delta /= 2;
		}

		if (!this.isDeleting && this.txt === fullTxt) {
			delta = this.period;
			this.isDeleting = true;
		} else if (this.isDeleting && this.txt === '') {
			this.isDeleting = false;
			this.loopNum++;
			delta = 500;
		}

		setTimeout(function() {
			that.tick();
		}, delta);
	};

	window.onload = function() {
		var elements = document.getElementsByClassName('typewrite');
		for (var i = 0; i < elements.length; i++) {
			var toRotate = elements[i].getAttribute('data-type');
			var period = elements[i].getAttribute('data-period');
			if (toRotate) {
				new TxtType(elements[i], JSON.parse(toRotate), period);
			}
		}
		// INJECT CSS
		var css = document.createElement("style");
		css.type = "text/css";
		css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}";
		document.body.appendChild(css);
	};

	zE(function() {
		zE.logout();
	});
</script>
<script type="text/javascript" src="/resources/js/jquery.form-validator.js"></script>
<script>
	$.validate({
		lang : 'en'
	});
</script>
 </section>
	</div>
	<footer id="footer"> 










<!-- ------------------------------------Footer Section Starts----------------------------------------- -->

<div class="container-fluid footer-div">
	<div class="container">
		<div class="row">
			<div class="col-sm-3 col-md-3 col-lg-3 col-xs-12 footer-logo-div">
				<img src="/resources/images/public/procurehere-footer-logo1.png" alt="footer-logo">
				<p>
					Unit C-21-02, 3 Two Square,<br>No.2, Jalan 19/1,<br>46300 Petaling Jaya<br>Selangor, Malaysia
				</p>
				<p>
					<a href="/cdn-cgi/l/email-protection#1f767179705f6f6d707c6a6d7a777a6d7a317c7072"><span class="__cf_email__" data-cfemail="1e777078715e6e6c717d6b6c7b767b6c7b307d7173">[email&#160;protected]</span></a>
				</p>
			</div>
			<div class="col-sm-2 col-md-2 col-lg-2 col-xs-12">
				<ul>
					<li>PRODUCT</li>
					<li><a href="https://www.procurehere.com/buyer/">Buyer</a></li>
					<li><a href="https://www.procurehere.com/supplier/">Supplier</a></li>
					<li><a href="https://www.procurehere.com/rfx/">RFx</a></li>
					<li><a href="https://www.procurehere.com/auctions/">Auctions</a></li>
					<li><a href="https://www.procurehere.com/requisitioning/">Requisitioning</a></li>
					<li><a href="https://www.procurehere.com/pricing">Pricing</a></li>
				</ul>
			</div>
			<div class="col-sm-2 col-md-2 col-lg-2 col-xs-12">
				<ul>
					<li>COMPANY</li>
					<li><a href="https://www.procurehere.com/about-us/">About Us</a></li>
					<li><a href="#">Privacy Policy</a></li>
					<li><a href="/resources/termsandcondition.pdf">Terms & Conditions</a></li>
				</ul>
			</div>
			<div class="col-sm-2 col-md-2 col-lg-2 col-xs-12">
				<ul>
					<li>RESOURCES</li>
					<li><a href="https://www.procurehere.com/blog/">Blog</a></li>
				</ul>
			</div>
			<div class="col-sm-3 col-md-3 col-lg-3 col-xs-12 text-right">
				<ul>
					<li><a href="https://apps.apple.com/us/app/id1284687738">
							<img src="/resources/images/public/apple-app-store.png" alt="app-store">
						</a></li>
					<li><a href="https://play.google.com/store/apps/details?id=com.procurehere.mobile">
							<img src="/resources/images/public/google-play.png" alt="app-store">
						</a></li>
				</ul>
			</div>
		</div>
		  <div class="pset_footer1">&copy; 2024 All rights reserved</div>
	</div>
</div>

<!-- -------------------------------Footer Section Ends--------------------------------------------- -->


<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
	$(document).ready(function() {

		$("#toggleme").click(function() {
			$(".header-bottom").fadeToggle("slow");
		});

		$("#toggleme").click(function() {
			$(".navbar-nav").fadeToggle("slow");
		});

		$(".btn-search").click(function() {
			$(".input").toggleClass("active").focus;
			$(this).toggleClass("animate");
			$(".input").val("");
		});
	});
</script>

<style>
 .pset_footer1 {
    font-size: 13px !important;
    font-family: Open Sans;
    color: #ffffff;
    margin: 0 !important;
    text-align: center;
}
</style> </footer>
	<script type="text/javascript" src="/resources/assets/widgets/chosen/chosen.js"></script>
	<script type="text/javascript" src="/resources/assets/widgets/chosen/chosen-demo.js"></script>

</body>
</html>