lcameron/anzic-code-locator-wizard
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Search Results | Western Sydney Infrastructure Supply Chain</title>7<script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <style>11 .gradient-text {12 background: linear-gradient(90deg, #003366, #0066cc);13 -webkit-background-clip: text;14 background-clip: text;15 color: transparent;16 }17.card-hover {18 transition: all 0.3s ease;19 }20 .card-hover:hover {21 transform: translateY(-5px);22 box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);23 }24 .anzic-badge {25 background-color: #f0f9ff;26 color: #0369a1;27 border-left: 4px solid #0369a1;28 }29 </style>30</head>31<body class="bg-gray-50">32 <div class="container mx-auto px-4 py-8">33 <!-- Navigation -->34 <div class="flex justify-between items-center mb-6">35 <a href="index.html" class="inline-flex items-center text-indigo-600 hover:text-indigo-800">36 <i data-feather="arrow-left" class="w-4 h-4 mr-2"></i>37 Back to search38 </a>39 <a href="register.html" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-700 hover:bg-blue-800">40Register/Update Your Business41 </a>42 </div>43<!-- Results Header -->44 <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8">45 <div>46 <h1 class="text-3xl font-bold text-gray-800 mb-2">Western Sydney Supply Chain Results</h1>47<p class="text-gray-600" id="results-count">Loading results...</p>48</div>49 <button class="bg-blue-700 hover:bg-blue-800 text-white px-6 py-2.5 rounded-lg font-medium transition-colors mt-4 md:mt-0 flex items-center">50<i data-feather="download" class="w-4 h-4 mr-2"></i>51 Export All Results52 </button>53 </div>54 55 <!-- Filters -->56 <div class="bg-white rounded-xl shadow-md p-4 mb-8">57 <div class="flex flex-col md:flex-row md:items-center md:space-x-6 space-y-4 md:space-y-0">58 <div class="grid grid-cols-1 md:grid-cols-4 gap-4">59 <div>60 <label for="sort" class="block text-sm font-medium text-gray-700 mb-1">Sort by</label>61 <select id="sort" class="w-full pl-3 pr-10 py-2 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">62 <option>Relevance</option>63 <option>Company Name (A-Z)</option>64 <option>Company Name (Z-A)</option>65 <option>ANZIC Code</option>66 <option>Location</option>67 </select>68 </div>69 <div>70 <label for="filter-western" class="block text-sm font-medium text-gray-700 mb-1">Western Sydney</label>71 <select id="filter-western" class="w-full pl-3 pr-10 py-2 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">72 <option>All</option>73 <option>Yes</option>74 <option>No</option>75 </select>76 </div>77 <div>78 <label for="filter-prequal" class="block text-sm font-medium text-gray-700 mb-1">Prequalified</label>79 <select id="filter-prequal" class="w-full pl-3 pr-10 py-2 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">80 <option>All</option>81 <option>Yes</option>82 <option>No</option>83 </select>84 </div>85 <div>86 <label for="filter-services" class="block text-sm font-medium text-gray-700 mb-1">Services</label>87 <select id="filter-services" class="w-full pl-3 pr-10 py-2 border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500">88 <option>All Services</option>89 <option>Construction</option>90 <option>Traffic Control</option>91 <option>Civil Engineering</option>92 <option>Asphalt</option>93 </select>94 </div>95 </div>96<div>97 <label for="lga" class="block text-sm font-medium text-gray-700 mb-1">LGA Filter</label>98 <select id="lga" class="block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md">99 <option>All LGAs</option>100 <option>Blacktown</option>101 <option>Canterbury-Bankstown</option>102 <option>Fairfield</option>103 <option>Parramatta</option>104 <option>Penrith</option>105 </select>106 </div>107 <div class="flex-1">108 <label for="anzic" class="block text-sm font-medium text-gray-700 mb-1">ANZIC Filter</label>109 <select id="service-category" class="block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md" size="1">110<option>All Service Categories</option>111 <option>Civil Construction</option>112 <option>Structural Engineering</option>113 <option>Traffic Management</option>114 <option>Asphalt Services</option>115 <option>Earthworks & Excavation</option>116 <option>Utilities Installation</option>117 <option>Drainage & Water Management</option>118 <option>Landscaping & Rehabilitation</option>119 <option>Surveying & Site Analysis</option>120 <option>Concrete Services</option>121 </select>122</div>123 </div>124 </div>125 126 <!-- Results List -->127 <div class="space-y-6">128 <!-- Result Item 1 -->129 <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">130 <div class="p-6">131 <div class="flex flex-col md:flex-row md:items-center md:justify-between">132 <div class="mb-4 md:mb-0">133 <h3 class="text-xl font-semibold text-gray-800 mb-1">4M Construction Pty Ltd <span class="text-lg font-normal text-indigo-600">(Structural Steel Construction)</span></h3>134<div class="flex flex-wrap items-center gap-2 mb-3">135 <span class="text-sm text-gray-600">ABN: 95 145 691 274</span>136 <span class="text-sm text-gray-600">|</span>137 <span class="text-sm text-gray-600">Canterbury-Bankstown</span>138 <span class="text-sm text-gray-600">|</span>139 <span class="text-sm text-gray-600">Western Sydney: Yes</span>140 </div>141 <div class="flex flex-wrap gap-2">142 <div class="anzic-badge px-4 py-2 rounded">143 <span class="font-medium">ANZIC:</span> 3221 - Structural Steel Construction144 </div>145 <div class="bg-blue-100 text-blue-800 text-xs px-2.5 py-0.5 rounded-full">Prequalified: Yes</div>146 <div class="bg-green-100 text-green-800 text-xs px-2.5 py-0.5 rounded-full">Western Sydney: Y</div>147 </div>148</div>149 <div class="flex space-x-3 mt-4 md:mt-0">150 <button class="text-blue-700 hover:text-blue-900 font-medium flex items-center">151<i data-feather="download" class="w-4 h-4 mr-1"></i>152 Export153 </button>154 <a href="register.html" class="text-gray-600 hover:text-gray-800 font-medium flex items-center">155 <i data-feather="edit" class="w-4 h-4 mr-1"></i>156 Update157 </a>158</div>159 </div>160 </div>161 <div class="bg-gray-50 px-6 py-4 border-t border-gray-200">162 <div class="flex flex-col md:flex-row md:space-x-8">163 <div class="mb-3 md:mb-0">164 <h4 class="text-sm font-medium text-gray-500 mb-1">Contact</h4>165 <p class="text-gray-800">Miki Zivkovic</p>166 <p class="text-gray-600 text-sm">0488 080 373</p>167 <p class="text-gray-600 text-sm">miki@4mconstruction.com.au</p>168 </div>169 <div>170 <h4 class="text-sm font-medium text-gray-500 mb-1">Address</h4>171 <p class="text-gray-800">258 Milperra Road, Milperra NSW 2214</p>172 <p class="text-gray-600 text-sm">PO BOX 3126, LIVERPOOL WESTFIELD NSW 2170</p>173 </div>174 </div>175 </div>176 </div>177 178 <!-- Result Item 2 -->179 <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">180 <div class="p-6">181 <div class="flex flex-col md:flex-row md:items-center md:justify-between">182 <div class="mb-4 md:mb-0">183 <h3 class="text-xl font-semibold text-gray-800 mb-1">Abergeldie Contractors Pty Ltd <span class="text-lg font-normal text-indigo-600">(Land Development)</span></h3>184<div class="flex flex-wrap items-center gap-2 mb-3">185 <span class="text-sm text-gray-600">ABN: 47 004 533 519</span>186 <span class="text-sm text-gray-600">|</span>187 <span class="text-sm text-gray-600">Cumberland</span>188 <span class="text-sm text-gray-600">|</span>189 <span class="text-sm text-gray-600">Western Sydney: Yes</span>190 </div>191 <div class="anzic-badge px-4 py-2 rounded">192 <span class="font-medium">ANZIC:</span> 3211 - Land Development and Site Preparation Services193 </div>194 </div>195 <div class="flex space-x-3 mt-4 md:mt-0">196 <button class="text-indigo-600 hover:text-indigo-800 font-medium flex items-center">197 <i data-feather="download" class="w-4 h-4 mr-1"></i>198 Export199 </button>200 <button class="text-gray-600 hover:text-gray-800 font-medium flex items-center">201 <i data-feather="info" class="w-4 h-4 mr-1"></i>202 Details203 </button>204 </div>205 </div>206 </div>207 <div class="bg-gray-50 px-6 py-4 border-t border-gray-200">208 <div class="flex flex-col md:flex-row md:space-x-8">209 <div class="mb-3 md:mb-0">210 <h4 class="text-sm font-medium text-gray-500 mb-1">Contact</h4>211 <p class="text-gray-800">Claudio Garrido</p>212 <p class="text-gray-600 text-sm">0425 247 649</p>213 <p class="text-gray-600 text-sm">nsw@abergeldie.com</p>214 </div>215 <div>216 <h4 class="text-sm font-medium text-gray-500 mb-1">Address</h4>217 <p class="text-gray-800">PO Box 3019 Regents Park NSW 2143</p>218 <p class="text-gray-600 text-sm">5 George Young Street Regents Park NSW 2143</p>219 </div>220 </div>221 </div>222 </div>223 224 <!-- Result Item 3 -->225 <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">226 <div class="p-6">227 <div class="flex flex-col md:flex-row md:items-center md:justify-between">228 <div class="mb-4 md:mb-0">229 <h3 class="text-xl font-semibold text-gray-800 mb-1">ABI-Civil Contracting Services (NSW) Pty Ltd <span class="text-lg font-normal text-indigo-600">(Civil Construction)</span></h3>230<div class="flex flex-wrap items-center gap-2 mb-3">231 <span class="text-sm text-gray-600">ABN: 79 631 298 363</span>232 <span class="text-sm text-gray-600">|</span>233 <span class="text-sm text-gray-600">Cumberland</span>234 <span class="text-sm text-gray-600">|</span>235 <span class="text-sm text-gray-600">Western Sydney: Yes</span>236 </div>237 <div class="anzic-badge px-4 py-2 rounded">238 <span class="font-medium">ANZIC:</span> 3222 - Non-residential Building Construction239 </div>240 </div>241 <div class="flex space-x-3 mt-4 md:mt-0">242 <button class="text-indigo-600 hover:text-indigo-800 font-medium flex items-center">243 <i data-feather="download" class="w-4 h-4 mr-1"></i>244 Export245 </button>246 <button class="text-gray-600 hover:text-gray-800 font-medium flex items-center">247 <i data-feather="info" class="w-4 h-4 mr-1"></i>248 Details249 </button>250 </div>251 </div>252 </div>253 <div class="bg-gray-50 px-6 py-4 border-t border-gray-200">254 <div class="flex flex-col md:flex-row md:space-x-8">255 <div class="mb-3 md:mb-0">256 <h4 class="text-sm font-medium text-gray-500 mb-1">Contact</h4>257 <p class="text-gray-800">Michael Hall, Sandra Taylor</p>258 <p class="text-gray-600 text-sm">0406 530 721, 0416 008 058</p>259 <p class="text-gray-600 text-sm">info@abicivil.com.au</p>260 </div>261 <div>262 <h4 class="text-sm font-medium text-gray-500 mb-1">Address</h4>263 <p class="text-gray-800">Suite E2, 255 Rawson Street Auburn NSW 2144</p>264 <p class="text-gray-600 text-sm">PO Box 478 Auburn NSW 1835</p>265 </div>266 </div>267 </div>268 </div>269 </div>270 271 <!-- Pagination -->272 <div class="flex justify-center mt-12">273 <nav class="flex items-center space-x-2">274 <button class="px-3 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50">275 <i data-feather="chevron-left" class="w-4 h-4"></i>276 </button>277 <button class="px-3 py-1 rounded bg-indigo-600 text-white">1</button>278 <button class="px-3 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50">2</button>279 <button class="px-3 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50">3</button>280 <span class="px-2 text-gray-600">...</span>281 <button class="px-3 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50">8</button>282 <button class="px-3 py-1 rounded border border-gray-300 text-gray-600 hover:bg-gray-50">283 <i data-feather="chevron-right" class="w-4 h-4"></i>284 </button>285 </nav>286 </div>287 </div>288 <script>289 feather.replace();290 291 // Parse URL parameters292 const urlParams = new URLSearchParams(window.location.search);293 const service = urlParams.get('service');294 const category = urlParams.get('category');295 296 // Update results header297 if(service || category) {298 let searchDesc = 'Results for ';299 if(service) searchDesc += `"${service}"`;300 if(service && category) searchDesc += ' in ';301 if(category) {302 searchDesc += category.replace('-', ' ');303 }304document.getElementById('results-count').textContent = searchDesc;305 306 // Here you would make an API call with the search parameters307 // and dynamically populate the results308 }309 </script>310</body>311</html>312