Home Page - eTenders Portal

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Home Page - eTenders Portal</title> <link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon green v2.ico"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" /> <meta name="x-stylesheet-fallback-test" content="" class="sr-only" /><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("position","absolute",["/lib/bootstrap/dist/css/bootstrap.min.css"], "rel=\u0022stylesheet\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-ggOyR0iXCbMQv3Xipma34MD\u002BdH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T\u0022 ");</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-148237721-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-148237721-1'); </script> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/site.css" /> </head> <body> <header> <div class="container-fluid"> <div class="col-md-12"> <a href="/"> <img src="/images/header-logoEtenders.png" style="float:left;" width="160" alt="Logo" /> </a> <img src="/images/header-saFlag.png" style="float:right;" alt="flg" />  </div> </div> </header> <div class="container"> <main role="main" class="pb-3"> <input type="hidden" id="documentChangeMessage" /> <input type="hidden" id="tenderNumbers" value='null' /> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" /> <link href="/lib/noty/noty.css" rel="stylesheet" /> <link href="/lib/noty/themes/bootstrap-v4.css" rel="stylesheet" /> <link href="/lib/noty/themes/sunset.css" rel="stylesheet" /> <link href="/lib/noty/themes/mint.css" rel="stylesheet" /> <link href="/css/home.css" rel="stylesheet" /> <link href="/css/token-input.css" rel="stylesheet" /> <link href="/css/token-input-facebook.css" rel="stylesheet" /> <style> #loginoption { position: relative; } #loginoption ul { position: absolute; background: #fff; list-style: none; text-align: left; top: 100%; padding: 0; border: 1px #efe5e5 solid; z-index: 999; margin: 0; display: none; min-width: 110px; right: 10%; } #loginoption:hover ul { display: block; } #loginoption ul li { display: block; } #loginoption ul li a { display: block; padding: 5px 10px; color: #7b7b7b !important; font-size: 13pt; font-weight: 400; text-decoration: none; } #loginoption ul li a:hover, #loginoption ul li a:active, #loginoption ul li a:focus { background: #eee; color: #999; } #tendeList tbody td:last-child i.fa-bell { margin-left: 5px; } #tendeList tbody td:last-child i.fa-bookmark { margin-left: 5px; } </style> <style> /* Ensure modal is centered */ .modal-dialog { height: 100vh; } .modal-content { padding: 0; } .modal-header button.close { background-color: #6c757d; border-color: #6c757d; } .modal-footer .btn.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .modal-body { display: block; font-size: 1.1em; white-space: pre-line; word-wrap: break-word; line-height: 1.1; padding: 0 5px; margin: 0; .modal-body > *:first-child { margin-top: 0; } .modal-body > *:last-child { margin-bottom: 0; } </style> <div class="container"> <div class="row justify-content-md-center"> <div class="col-md-12 text-center"> <div class="welcome-info"> <h2 class="mt-5">Find public sector tender opportunities in South Africa</h2> <p class="lead">This site provides access to information on all tenders made by all public sector organisations at all spheres of government.</p> </div> <div class="w3-container main-tab"> <div class="w3-bar w3-black" style="overflow:inherit;"> <button id="tabSearch" class="w3-bar-item w3-button tablink w3-green" onclick="openTab(event,'tab-Search')">Search</button> <button class="w3-bar-item w3-button tablink" onclick="openTab(event,'tab-Opportunities')">Browse Opportunities</button> <button class="w3-bar-item w3-button tablink" onclick="window.location.href='https://data.etenders.gov.za';">Procurement Data</button> <button class="w3-bar-item w3-button tablink" onclick="openTab(event,'tab-Documents')">Procurement Plans</button> <button id="tabContact" class="w3-bar-item w3-button tablink" onclick="openTab(event,'tab-Contact')">Get In touch</button> <div id="loginoption"> <button id="tabLogin" onclick="return toggleLogin()" class="w3-bar-item w3-button tablink">Login</button> <ul> <li><a href="https://admin.etenders.gov.za/Identity/Account/Login?ReturnUrl=%2F">Official Login</a></li> <li><a href="/Login/Login">Supplier Login </a></li> </ul> </div> </div> <div id="tab-Search" class="w3-container w3-border city"> <fieldset class="border p-2"> <legend class="w-auto">Search for advertised tenders</legend> <div class="input-group"> <input id="my-text-input" type="text" placeholder="Search by keywords" style="width:40%" aria-describedby="button-addon1" class="form-control border-0 text-center"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Search by </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" onclick="change(1)" href="#">Tender Number</a> <a class="dropdown-item" onclick="change(2)" href="#">Organ of State</a> <a class="dropdown-item" onclick="change(3)" href="#">Province</a><hr /> <a class="dropdown-item" href="#" style="pointer-events: none;">Show Only Active <i class="far fa-check-circle"></i></a> </div> <button id="btnSearch" type="button" class="btn btn-success search">Search</button> </div> </fieldset>  </div> <div id="tab-Opportunities" class="w3-container w3-border city" style="display:none; padding:15px 0;"> <h6>The site has a large number of Tender Opportunities, please use buttons below to refine your search.</h6> <a id="Search" href="/Home/opportunities?id=1" class="btn active"><i class="fas fa-bullhorn"></i> Currently Advertised</a> <a id="Search1" href="/Home/opportunities?id=2" class="btn"><i class="fas fa-award"></i> Awarded</a> <a id="Search1" href="/Home/opportunities?id=3" class="btn"><i class="far fa-times-circle"></i> Cancelled</a> <a id="Search1" href="/Home/opportunities?id=4" class="btn"><i class="fas fa-lock"></i> Closed</a> </div> <div id="tab-Category" class="w3-container w3-border city" style="display:none; padding:15px 0;"> <h6>Communication</h6> <p>The Communication category includes all communication that supports the communications needs of central and local government, the health sector and organisations across the public sector.</p> <h6>Construction</h6> The Construction category includes arrangements that will be available to both central government and wider public sector customers in the following areas: <ul> <li>Signage and wayfinding;</li> <li>White goods;</li> <li>Project management and full design team services;</li> <li>Building materials;</li> <li>Personal protective equipment;</li> <li>New build specialists including laboratories, high risk environments, animal housing and clinical; and</li> <li>Specialist waste services – chemical, animal and radioactive.</li> </ul> <h6>Energy</h6> The Energy category includes the purchase and management of electricity, gas and liquid fuels. <h6>FacilitiesManagement & Property</h6> The Facilities Management & Property category includes a wide range of products and services ranging from facilities management (FM) and estates professional services, through to furniture, laundry and commercial catering equipment & refrigeration. <h6>Fleet</h6> The Fleet category includes the purchase and lease of a wide range of vehicles from passenger vehicles and motorcycles through car derived vans and light commercial vehicles, up to heavy and specialist commercial vehicles 7.5 tonnes and above. Additional services include vehicle conversions, fleet management and maintenance services and the supply and fit of tyres. <h6>Technology</h6> The Technology category includes Technology commodities and supporting services in hardware, software, telecoms and networks, cloud and services and software licensing. <h6>Office Solution</h6> The Office Solutions category includes the provision of office supplies, multi-functional devices (MFDs), postal & courier services and document management. Print services, printing papers & envelopes and digital asset management are covered under the Print category. <h6>Print</h6> The Print category includes the print, print management and printing paper & envelopes. <h6>Professional Services</h6> The Professional Services category covers management consultancy, temporary staff (including temporary clinical staff designed to meet the needs of organisations with specific health requirements), learning & development, legal services and face to face interpretation services. <h6>Travel</h6> The Travel category covers the booking of local and international business travel, including air, rail, hotels and meetings & events, via Travel Management Companies (TMCs) </div> <div id="tab-Documents" class="w3-container w3-border city" style="display:none; padding:15px 0;"> <h2>Procurement Plans</h2> <h6> Please click on the below link to view published Procurement Plans accross all Organs of State for this quarter. </h6> <a href="/Home/ProcurementPlans"><h2>View Procurement Plans</h2></a> </div> <div id="tab-Contact" class="w3-container w3-border city" style="display:none">  <section class="mb-4 touch-form">  <h2 class="h1-responsive text-center my-4">Get in touch with us</h2>  <p class="text-center w-responsive mx-auto mb-5"> Do you have any questions? Please do not hesitate to contact us directly. Our team will come back to you within a matter of hours to help you. </p> <div class="row">  <div class="col-md-9 mb-md-0 mb-5"> <form id="contact-form" name="contact-form">  <div class="row">  <div class="col-md-6"> <div class="md-form mb-0"> <input type="text" id="name" name="name" placeholder="Full name" data-val="true" data-val-required="Please enter your Full name" class="form-control"> <label for="name" class="">Your name</label> </div> </div>   <div class="col-md-6"> <div class="md-form mb-0"> <input type="email" id="email" required name="email" placeholder="Email Address" class="form-control"> <label for="email" class="">Your email</label> </div> </div>  </div>   <div class="row"> <div class="col-md-12"> <div class="md-form mb-0"> <input type="text" required id="subject" placeholder="What is your enquiry about" name="subject" class="form-control"> <label for="subject" class="">Subject</label> </div> </div> </div>   <div class="row">  <div class="col-md-12"> <div class="md-form"> <textarea type="text" required id="message" placeholder="Your comments" name="message" rows="2" class="form-control md-textarea"></textarea> <label for="message">Your message</label> </div> </div> </div>  <div class="text-center text-md-left"> <button id="btnFilter" type="button" class="btn btn-info"><i class="fas fa-check-circle"></i> Send Email</button> <button id="btnLoader" class="btn btn-info" type="button" disabled> <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Sending... </button> </div> </form> <div class="status"></div> </div>   <div class="col-md-3 text-center address"> <i class="fas fa-map-marker-alt fa-2x" style="color:#117a8b"></i> <p> National Treasury<br />240 Madiba Street<br />Pretoria Central<br />0001<br /><br /> <i class="fas fa-phone fa-2x" style="color:#117a8b"></i><br /> + 27 (0) 12 406 9222<br /><br /> <i class="fas fa-envelope fa-2x" style="color:#117a8b"></i><br /> eTenders@treasury.gov.za </p> </div>  </div> </section>  </div> <div id="disclaimer" class="alert alert-success alert-dismissible fade show" role="alert"> <b>DISCLAIMER:</b> Please note we are only searching for open/active tenders. Please click on Browse Oppotunities to view other Tender options <button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">Dismiss</span> </button> </div> </div>   <div class="modal fade" id="popupModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-info"> <h5 class="modal-title"><i class="text-warning fa fa-exclamation-circle"></i> Tender Ammendments</h5> <button type="button" class="close" data-dismiss="modal" aria-label="close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="modal-body"> <p id="popupMessage"></p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal" id="okButton">Ok</button> </div> </div> </div> </div>  <div id="popupLoading" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered justify-content-center" role="document" style="color:#20dd35; font-size:16px; font-weight:700;"> <span class="fa fa-spinner fa-spin fa-3x"></span><br /> <h6> loading, please wait...</h6> </div> </div> <input type="hidden" id="documentChangeMessage" /> <style> .modal-title { color: white; } </style>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function () { function displayPopupMessage(message) { if (message.trim() === '') { return; } $('#popupMessage').text(message); $('#popupModal').modal('show'); } var documentChangeMessage = $('#documentChangeMessage').val(); var tenderNumbers = $('#tenderNumbers').val().split(','); displayPopupMessage(documentChangeMessage); $('#popupModal .btn-secondary').on('click', function () { $.ajax({ type: 'POST', url: '/Home/MarkTendersAsViewed', data: JSON.stringify(tenderNumbers), contentType: 'application/json; charset=utf-8', dataType: 'json', success: function (response) { console.log('Marked tenders as viewed'); }, error: function (error) { console.error('Error marking tenders as viewed:', error); } }); }); }); </script> <script> function openTab(evt, cityName) { if ((cityName == 'tab-Documents') || (cityName == 'tab-Contact') || (cityName == 'tab-Category')) { $("#disclaimer").hide(); } else { $("#disclaimer").show();} var i, x, tablinks; x = document.getElementsByClassName("city"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < x.length; i++) { tablinks[i].className = tablinks[i].className.replace(" w3-green", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " w3-green"; document.getElementById("filter").value = 0; $('#dropdownMenuButton').text("Search by"); SearchByTenderName(); $("#tendeList").hide(); $("#tendeList_wrapper").hide(); } function toggleLogin() { $("#loginoption ul").toggle(); } </script> </div> </div> </div> <table id="tendeList" class="display" cellspacing="0" style="display:none" width="100%"> <thead> <tr> <th><i class="fas fa-bullhorn"></i></th> <th colspan="6">Currently Advertised Tenders</th> </tr> <tr> <th></th> <th>Category</th> <th style="max-width:500px;">Tender Description</th> <th>eSubmission</th> <th>Advertised</th> <th>Closing <i class="fas fa-clock"></i></th> <th style="min-width:40px;padding-left:12px;"><i class="fas fa-bookmark"></i></th> </tr> </thead> <tfoot> <tr><th colspan="7"></th></tr> </tfoot> </table> <input type="hidden" id="filter" name="filter" value="0"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <style> .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; margin-right: 20px; } .ui-menu-item-wrapper { color: #7b7b7b; font-size: 14px; } .ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active { color: #303030; background-color: #41ad49; border: #7b7b7b 1px dashed; border-radius: 5px; font-size: 15px; } </style> </main> </div> <footer> <div class="city-bar"> </div> <div id="topNav" class="links"> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="row"> <div class="col-md-3"> <ul> <li><a href="/Home?myTab=1">Home</a></li> <li><a href="/Home/opportunities?id=1">Tenders</a></li> <li><a href="/Home/Contact">Get In touch</a></li> </ul> </div> <div class="col-md-4"> <ul> <li><a href="/Home/About">About E-Tender</a></li> <li><a href="/Home/VisionMission">Vision and Mission</a></li> <li><a href="/Home/Mandate">Mandate</a></li> </ul> </div> <div class="col-md-5"> <ul> <li><a href="http://ocpo.treasury.gov.za/Suppliers_Area/Pages/Scheduled-Bids.aspx" target="_blank">Scheduled Bids</a></li> <li><a href="http://ocpo.treasury.gov.za/Suppliers_Area/Pages/Deviations-and-Exspansions.aspx" target="_blank">Deviations and Expansions</a></li> <li><a href="http://ocpo.treasury.gov.za" target="_blank">Office of the CPO</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <h4 class="contact">+ 27(0) 12 406 9222</h4> <span><img src="/images/footer-locationPin.png" alt="CSD"></span> <span style="color:#D3B721; font-weight:600;font-size:14px; margin-left: 5px;">National Treasury</span> <br /><span style="margin-left: 30px; margin-top: -8px;">240 Madiba Street, Pretoria</span> </div> <div class="col-md-2 csdLogo"> <a href="https://secure.csd.gov.za/" target="_blank"><img src="/images/footer-logoCSD.png"></a> </div> <div class="col-md-2"> <a href="http://www.treasury.gov.za/" target="_blank"><img src="/images/footer-logoTreasury.png" alt="Treasury logo"></a> </div> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="> </script> <script>(window.jQuery||document.write("\u003Cscript src=\u0022/lib/jquery/dist/jquery.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=\u0022\u003E\u003C/script\u003E"));</script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o"> </script> <script>(window.jQuery && window.jQuery.fn && window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022/lib/bootstrap/dist/js/bootstrap.bundle.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-xrRywqdh3PHs8keKZN\u002B8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o\u0022\u003E\u003C/script\u003E"));</script> <script src="/js/site.js?v=Pqb2xmaEVcMfGWRQhBNhOFyrde3nm8wKhvRdBISTF4c"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="/js/datatables.min.js"></script> <script src="/js/moment.min.js"></script> <script src="/lib/noty/noty.js"></script> <script src="/js/site.js"></script> <script src="/js/jquery.tokeninput.js"></script> <script type="text/javascript"> const urlParams = new URLSearchParams(window.location.search); const myTab = urlParams.get('myTab'); if (myTab == 1) { setTimeout(function(){ document.getElementById('tabSearch').style.display = "block"; $("#tabSearch").addClass(" w3-green"); },1); } else if (myTab == 2) { setTimeout(function(){ document.getElementById('tabContact').style.display = "block"; jQuery('#tabContact').addClass("w3-green"); jQuery('#tabContact').click(); //$("#tabContact").addClass("w3-green"); $("#tabSearch").removeClass(" w3-green"); },1); } //$("#contact-form").validate(); $(document).ready(function () { $("#btnLoader").hide(); $("#contact-form").validate({ rules: { name: { required: true }, }, messages: { name: "This field is required.", } }); $("#tendeList").hide(); $("#my-text-input").tokenInput("/Home/SearchByTenderName/", { tokenLimit: 5, tokenValue: 'id', resultsLimit: 5, queryParam: 'tenderName', hintText: "Type in 3 or more letters of a tender...", preventDuplicates: true, minChars: 3, searchingText: "Looking for your tender(s)...", noResultsText: "No active tenders found containing those letters.", propertyToSearch: 'name', //tokenValue: 'id', method: 'GET', onResult: function(results){ return results; } }); $("#token-input-my-text-input").attr("placeholder", "Type here"); $('#btnSearch').click(function () { var abc = $("#my-text-input").tokenInput("get"); //alert(abc[0].id); var names = []; $.each(abc, function (i, obj) { names.push(obj.id+ ''); }); var filter = $('#filter').val(); var searchTerm = names.toString().split(','); loadTendersHome(filter, searchTerm); $("#tendeList").show(); $("#tendeList_wrapper").show(); }); $('form').on('submit'); $('.dropdown-menu a').click(function () { var text = $(this).text(); $('#dropdownMenuButton').text(text); //$('#filter').val(text); }); $("#btnFilter").click(function () { /*$("#contact-form").removeAttr("novalidate"); $("#contact-form").validate({ submitHandler: function(form) { } });*/ var name = $('#name').val(); var email = $('#email').val(); var subject = $('#subject').val(); var message = $('#message').val(); if (name === '' || email === '' || subject === '' || message === '') { notify('error', 'Please enter all the information before submitting the form') return false; } if (!ValidateEmail(email)) return false; $.ajax({ url: "/Home/SendConfirmationAsync", type: "GET", dataType: "json", data: { name: name, email: email, subject: subject, message: message }, beforeSend: function () { $("#btnFilter").hide(); $("#btnLoader").show(); }, success: function (response) { $("#btnFilter").show(); $("#btnLoader").hide(); //alert(response.success); notify('info', response.success); }, error: function (xhr, status, errorThrown) { //alert("Error: status = " + xhr.status + " Descripcion =" + xhr.responseText); notify('error', 'An error has occured') } }) }); $("#search").autocomplete({ source: function (request, response) { var url; if ($('#filter').val()=="0") { url = "/Home/SearchTender"; } else { if ($('#filter').val() == "Tender Number") { //alert('Tender No') } else if ($('#filter').val() == "Organ of State") { //alert('dept') } else if ($('#filter').val() == "Province") { //alert('Province') } else { //alert('None') } } url = "/Home/SearchTender"; $.ajax({ url: url, type: "GET", dataType: "json", data: { tenderName: request.term }, success: function (data) { response($.map(data, function (item) { return { //label: item.tender_No + " - " + item.organ_of_State + " - " + item.description + " (" + item.province + ")", label: item.tender_No + " -- " + item.description + " (" + item.province + ")", value: item.tender_No, id: item.id, data: item } })) } }); // end .ajax }, minLength: 2, delay: 5, //autoFocus: true, select: function (event, ui) { $("#endDate").val(ui.item.data.ID); } }); }); </script> </body> </html>

CINXE.COM

Home Page - eTenders Portal