CINXE.COM
Bassadone Motors - The Kia Range
<!DOCTYPE html> <html lang="en"> <head> <link rel=icon href=/media/favicon/favicon.ico> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content=""> <meta name="author" content="Bassadone Motors"> <meta name="keywords" content=""> <link rel="stylesheet" href="/css/style.css"> <script src="/js/jquery.js"></script> <title>Bassadone Motors - The Kia Range</title> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '401873605259835'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=401873605259835&ev=PageView&noscript=1" /></noscript> </head> <body> <div data-include="/navigation.html"></div> <div class="model-container"> <div class="model-title"> <h3>The Kia Range</h3> </div> <div class="container" id="vehicle"> <script> $.getJSON("/json/kia.json", function (json) { }) .done(function (data) { $.each(data.vehicles, function (i, item) { $( "<div class=\"model-details\">" + "<div class=\"model-image\">" + "<img src=" + "/media/Vehicles/" + item.CarouselImage1 + ">" + "</div>" + "<div class=\"model-specs\">" + "<h3 class=\"title\">" + item.FriendlyName + "</h3>" + "<p class=\"tagline\">" + item.Description + "</p>" + (item.IsElectric == true ? "<p class=\"electric\">" + "Electric" + "</p>" : "") + (item.Hybrid == true ? "<p class=\"hybrid\">" + "Hybrid" + "</p>" : "") + (item.Offer == true ? "<p class=\"offer\">" + "On Offer" + "</p>" : "") + (item.ComingSoon == true ? "<p class=\"comingsoon\">" + "Coming Soon" + "</p>" : "") + (item.EntryPrice == "1" ? "<p class=\"price\">" + "Price TBC" + "</p>" : "<p class=\"price\">" + "From 拢" + numberWithCommas(item.EntryPrice) + "</p>") + (item.Id !== "" ? "<a href=" + "/model/kia/model.html?id=" + item.Id + "><button>View Model</button></a>" : "") + "</div>" + "</div>").appendTo("#vehicle"); }); });; </script> </div> </div> <div data-include="/footer.html"></div> <script src="/js/html.js"></script> <script src="/js/aos.js"></script> <script> AOS.init(); </script> <script> function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } </script> </body> </html>