1 2 3<!DOCTYPE html> 4 5<html lang="en"> 6 7<head> 8 <meta charset="utf-8"> 9 <meta http-equiv="x-ua-compatible" content="ie=edge"> 10 <title>Services</title> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 12 <meta name="description" content=""> 13 <meta name="author" content="Datablast Ltd"> 14 15 16 17 18 <!-- Favicons --> 19 <link rel="icon" href="https://www.datablast.com/static/favicons/favicon.ico" sizes="any"> 20 <link rel="icon" type="image/png" sizes="32x32" href="https://www.datablast.com/static/favicons/favicon-32x32.png"> 21 <link rel="icon" type="image/png" sizes="192x192" href="https://www.datablast.com/static/favicons/android-icon-192x192.png"> 22 <link rel="apple-touch-icon" href="https://www.datablast.com/static/favicons/apple-icon-180x180.png"> 23 <meta name="theme-color" content="#ffffff"> 24 25 26 <!-- Your stuff: Third-party CSS libraries go here --> 27 <link rel="stylesheet" href="https://www.datablast.com/static/css/fontawesome.min.css"> 28 <!-- This file stores project-specific CSS --> 29 <link href="https://www.datablast.com/static/css/project.css" rel="stylesheet"> 30 <link href="https://www.datablast.com/static/css/mdb.min.css" rel="stylesheet" type="text/css" /> 31 32 33 <!-- Le javascript --> 34 35 36 <!-- place project specific Javascript in this file --> 37
37<script defer src="https://www.datablast.com/static/js/aws-sdk.min.js"></script>
37 38
38<script defer src="https://www.datablast.com/static/js/popper.min.js"></script>
38 39
39<script defer src="https://www.datablast.com/static/js/gsap.min.js"></script>
39 40
40<script defer src="https://www.datablast.com/static/js/project.js"></script>
40 41
41<script defer src="https://www.datablast.com/static/js/mdb.umd.min.js"></script>
41 42 43 44 <!-- HTMX --> 45
45<script src="https://www.datablast.com/static/django_htmx/htmx.min.js" defer></script>
45 46
46<script type="application/ld+json"> 47 { 48 "@context": "http://schema.org", 49 "@type": "Organization", 50 "logo": "https://www.datablast.com/static/png/logo-footer.png", 51 "name": "Datablast", 52 "url": "https://datablast.com", 53 "email": "[email protected]", 54 "author": { 55 "@type": "Person", 56 "name": "Sebastian David Lees", 57 "sameAs": ["https://x.com/sebs_tweets", 58 "https://sebs.website/", 59 "https://www.linkedin.com/in/sebastian-david-lees/", 60 "https://github.com/sebs-code"] 61 }, 62 "sameAs": ["https://x.com/datablast", "https://www.youtube.com/datablast", "https://www.linkedin.com/company/datablast/"], 63 "address": { 64 "@type": "PostalAddress", 65 "streetAddress": "86-90 Paul Street", 66 "addressLocality": "London", 67 "postalCode": "EC2A 4NE", 68 "addressCountry": "UK" 69 } 70 } 71 </script>
71 72</head> 73 74<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 74-75
74 75<script async src="https://www.googletagmanager.com/gtag/js?id=
75G-SZ8B54976F
vendor: 12 bytes, line 75
75"></script>
76<script> 77
vendor: 148 bytes, lines 77-80
77window.dataLayer = window.dataLayer || []; 78 function gtag() { dataLayer.push(arguments); } 79 gtag('js', new Date()); 80 gtag('config', '
80G-SZ8B54976F
vendor: 4 bytes, line 80
80');
81</script>
81 82 83 84 85<body> 86 <div> 87 88 89<nav class="navbar navbar-expand-md navbar-light fixed-top navbar-at-top" id="mainNavbar" data-bs-theme="light"> 90 <div class="container"> 91 <!-- Logo placed first for left alignment --> 92 <a class="navbar-brand d-flex align-items-center me-auto" id="navbar-logo" href="/"> 93 <img class="navbar-logo" src="https://www.datablast.com/static/png/logo-text.png" alt="Datablast logo" /> 94 </a> 95 96 <!-- Toggler button placed second for right alignment --> 97 <button class="navbar-toggler" type="button" 98 data-mdb-collapse-init 99 data-mdb-toggle="collapse" 100 data-mdb-target="#navbarSupportedContent" 101 aria-controls="navbarSupportedContent" 102 aria-expanded="false" 103 aria-label="Toggle navigation"> 104 <i class="fas fa-bars text-dark"></i> 105 </button> 106 107 108 <div class="navbar-collapse collapse" id="navbarSupportedContent"> 109 <ul class="navbar-nav ms-auto justify-content-end"> 110 <li class="nav-item me-1"> 111 <a class="nav-link" id="nav-services-link" href="/services">Services</a> 112 </li> 113 <li class="nav-item me-1"> 114 <a class="nav-link" id="nav-about-link" href="/about">About</a> 115 </li> 116 <li class="nav-item me-1"> 117 <a class="nav-link" id="nav-insights-link" href="/insights">Insights</a> 118 </li> 119 <li class="nav-item d-block d-sm-none me-1"> 120 <a class="nav-link" id="nav-contact-link" href="/contact">Pick our Brain</a> 121 </li> 122 <li class="nav-item d-none d-sm-block mt-2 ms-2 me-1"> 123 <a class="inverse-blue-btn pill-btn" href="/contact">Pick our Brain</a> 124 </li> 125 </ul> 126 </div> 127 128 </div> 129</nav> 130 131 </div> 132 133<div class="mt-5"> 134 <span> 135 <h1 class="lato text-center py-5 fw-900 mb-0">Services</h1> 136 </span> 137</div> 138<svg width="100%" height="100" viewBox="0 0 500 80" preserveAspectRatio="none" class="bg-white"> 139 <path d="M0,0 L0,40 Q250,80 500,40 L500,0 Z" fill="#ffffff" /> 140</svg> 141<section id="service" class="fade-in"> 142 <div class="container mo-100"> 143 <div class="row"> 144 <div class="col-12 lato mt-3 mb-5 text-center"> 145 <hr class="mt-0"> 146 </div> 147 </div> 148 <div class="row"> 149 <div class="col-12 lato"> 150 <h1> 151 <b>Web Apps that Wow</b> 152 </h1> 153 </div> 154 </div> 155 <div class="row"> 156 <div class="col-md-12 lato mt-5"> 157 <h4> 158 We offer custom web app development, covering the full software lifecycle from requirements 159 gathering, to design and development, to training and handover. 160 </h4> 161 </div> 162 </div> 163 <div class="row"> 164 <div class="col-md-12 lato mt-3"> 165 <h4> 166 We understand that every business is unique, which is why we work closely with our clients to 167 develop a comprehensive understanding of their requirements and goals. From there, we use 168 cutting-edge technology and industry best practices to design and develop beautiful and intuative 169 web apps that are tailored to your specific needs. 170 </h4> 171 </div> 172 </div> 173 <div class="row"> 174 <div class="col-md-12 lato mt-3 mb-5"> 175 <h4>Services include: web app design & development, hosting, maintenance, training, and support.</h4> 176 </div> 177 </div> 178 </div> 179</section> 180<svg width="100%" height="100" viewBox="0 0 500 80" preserveAspectRatio="none" class="bg-grey"> 181 <path d="M0,0 L0,40 Q250,80 500,40 L500,0 Z" fill="white" /> 182</svg> 183<section id="apis" class="bg-grey pt-5"> 184 <div class="container"> 185 <div class="row"> 186 <div class="row mt-3"> 187 <div class="col-md-12 lato mt-5"> 188 <h1> 189 <b>APIs</b> 190 </h1> 191 </div> 192 </div> 193 <div class="col-md-6 lato mt-5"> 194 <h4> 195 We build custom APIs that are designed to be robust, secure, and scalable, ensuring they can handle 196 the demands of your business both now and in the future. 197 </h4> 198 <br> 199 <h4 class="lato"> 200 APIs can be designed for AI, data processing, web scraping, integration and automation of data 201 pipelines, and more. Whether you need a simple API for a small project, or a complex system that 202 serves millions of users, we can help. 203 </h4> 204 </div> 205 <div class="col-md-6 mt-5 p-5 text-center"> 206 <img class="rounded-4 mo-170" width="80%" src="https://www.datablast.com/static/svg/apis.svg" /> 207 </div> 208 </div> 209 </div> 210</section>
211<svg width="100%" height="100" viewBox="0 0 500 80" preserveAspectRatio="none" class="bg-white"> 212 <path d="M0,0 L0,40 Q250,80 500,40 L500,0 Z" fill="#f2f2f2" /> 213</svg> 214<section id="consultancy" class="pt-5"> 215 <div class="container"> 216 <div class="row"> 217 <div class="col-md-6 lato p-5 text-center"> 218 <img class="rounded-4" width="80%" src="https://www.datablast.com/static/svg/bespoke-software.svg" /> 219 </div> 220 <div class="col-md-6 mt-5"> 221 <h1 class="lato"> 222 <b>Consultancy</b> 223 </h1> 224 <h4 class="lato mt-5"> 225 Our experienced consultants offer comprehensive analysis of your software and software development 226 processes, identifying areas of improvement for maximum impact. 227 </h4> 228 <br> 229 <h4 class="lato"> 230 Services include: code review, UX design review and recommendations, architecture review, user 231 insight, and requirements gathering analysis. 232 </h4> 233 </div> 234 </div> 235 </div> 236</section> 237<svg width="100%" height="100" viewBox="0 0 500 80" preserveAspectRatio="none" class="bg-grey"> 238 <path d="M0,0 L0,40 Q250,80 500,40 L500,0 Z" fill="white" /> 239</svg> 240<section id="firepower" class="bg-grey pt-5"> 241 <div class="container"> 242 <div class="row"> 243 <div class="row mt-3"> 244 <div class="col-md-12 lato mt-5"> 245 <h1> 246 <b>Firepower</b> 247 </h1> 248 </div> 249 </div> 250 <div class="col-md-6 lato mt-5"> 251 <h4> 252 We know that it can be difficult to estimate the amount of resource required for a project. That's 253 why we supply developers, available to integrate into and augment your existing team, working 254 on-site or remotely. 255 </h4> 256 <br> 257 <h4> 258 We offer competitive daily rates and flexible commitment. Our developers are all experts in their 259 field and are available immediately. 260 </h4> 261 </div> 262 <div class="col-md-6 mt-5 p-5 text-center"> 263 <img class="rounded-4 mo-170" width="80%" src="https://www.datablast.com/static/svg/extra-firepower.svg" /> 264 </div> 265 </div> 266 </div> 267</section> 268<svg width="100%" height="100" viewBox="0 0 500 80" preserveAspectRatio="none" class="bg-white"> 269 <path d="M0,0 L0,40 Q250,80 500,40 L500,0 Z" fill="#f2f2f2" /> 270</svg> 271 272<!-- Contact --> 273<svg width="100%" height="70" viewBox="0 0 500 70" preserveAspectRatio="none" 274 style="display:block; margin-bottom:-1px; background: #2a2a2a;"> 275 <path d="M0,0 L0,70 Q250,0 500,70 L500,0 Z" fill="white" /> 276</svg> 277<section id="contact" class="contact-section pb-0"> 278 <div class="container position-relative" style="z-index:2;"> 279 <div class="row align-items-center py-5 g-5"> 280 281 <!-- Left: copy + details --> 282 <div class="col-lg-6 col-md-12 mb-4 mb-lg-0 text-center text-lg-start"> 283 <img height="70px" class="mb-3" src="https://www.datablast.com/static/svg/brain.svg" alt="Brain" /> 284 <h1 class="lato text-white"> 285 Pick our <span class="contact-accent">Brain</span> 286 </h1> 287 <p class="lato mb-5"> 288 Share your vision and requirements with our specialists, and we will craft a tailored proposal 289 for your project. 290 </p> 291 292 <!-- Flex container handles item centering on mobile/tablet and left alignment on desktop --> 293 <div class="contact-details d-flex flex-column align-items-center align-items-lg-start"> 294 <a href="mailto:[email protected]" class="contact-detail-chip d-inline-flex align-items-center" id="contact-email-chip"> 295 <span class="contact-chip-icon me-2"> 296 <img height="18px" src="https://www.datablast.com/static/svg/email.svg" alt="Email" /> 297 </span>
298 <span>[email protected]</span> 299 </a> 300 <div class="contact-detail-chip mt-2 d-inline-flex align-items-center" id="contact-phone-chip"> 301 <span class="contact-chip-icon me-2"> 302 <img height="18px" src="https://www.datablast.com/static/svg/phone.svg" alt="Phone" /> 303 </span> 304 <span>+44 (0)207 189 2845</span> 305 </div> 306 <div class="contact-detail-chip mt-2 d-inline-flex align-items-center" id="contact-adress-chip"> 307 <span class="contact-chip-icon me-2"> 308 <img height="18px" src="https://www.datablast.com/static/svg/map-pin.svg" alt="Address" /> 309 </span> 310 <span>86-90 Paul Street, London, EC2A 4NE</span> 311 </div> 312 </div> 313 </div> 314 315 <!-- Right: form card --> 316 <div class="col-lg-6 col-md-12 mt-2"> 317 <div class="contact-form-card"> 318 <form class="form-horizontal" id="contactForm" method="POST" action="/contact/submit/" onsubmit="sendContactForm(event); return false" novalidate> 319 <input type="hidden" name="csrfmiddlewaretoken" value="2WcDXNb2QA1znl5TG7ntFdzLJMJTt2uaImeqU05ynF876VvMrD1vSE3m1Hs32Khr"> 320 <div class="row g-3"> 321 <div class="col-sm-6"> 322 <div class="contact-field"> 323 <input name="name" id="name" type="text" class="contact-input" placeholder=" " 324 required autocomplete="name" /> 325 <label for="name" class="lato">Your name</label> 326 </div> 327 </div> 328 <div class="col-sm-6"> 329 <div class="contact-field"> 330 <input name="email" id="email" type="email" class="contact-input" placeholder=" " 331 required autocomplete="email" /> 332 <label for="email" class="lato">Email address</label> 333 </div> 334 </div> 335 <div class="col-12"> 336 <div class="contact-field"> 337 <input name="phone" id="phone" type="tel" class="contact-input" placeholder=" " 338 autocomplete="tel" /> 339 <label for="phone" class="lato">Phone number (optional)</label> 340 </div> 341 </div> 342 <div class="col-12"> 343 <div class="contact-field"> 344 <textarea rows="3" id="message" name="message" 345 class="contact-input contact-textarea" placeholder=" " required></textarea> 346 <label for="message" class="lato">Tell us about your project</label> 347 </div> 348 </div> 349 </div> 350 351 <button type="submit" id="contactSubmitBtn" 352 class="blue-btn-inverse pill-btn p-2 mt-4 w-100"> 353 <span>Send</span> 354 </button> 355 </form> 356 </div> 357 </div> 358 359 </div> 360 </div> 361</section> 362<div class="modal fade" 363 id="contactModal" 364 name="contactModal" 365 tabindex="-1" 366 role="dialog" 367 aria-hidden="true"> 368 <div class="modal-dialog"> 369 <div class="modal-content mt-5"> 370 <div class="modal-header text-center"> 371 <h3 class="modal-title lato w-100"> 372 <b>Thanks</b> 373 </h3> 374 </div> 375 <div class="modal-body lato text-center"> 376 <h5>
376We'll be in touch to discuss your requirements shortly.</h5> 377 </div> 378 <div class="modal-footer"> 379 <button type="button" 380 id="close" 381 class="btn blue-btn w-100" 382 data-mdb-dismiss="modal">Close</button> 383 </div> 384 </div> 385 </div> 386</div> 387
388<script> 389 let element = document.getElementById("nav-services-link"); 390 element.classList.add("nav-selected-link"); 391</script>
391 392 393 394<div class="mb-1"> 395<div class="container"> 396 <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-5 border-top"> 397 <p class="col-md-4 mt-2 ps-2 mb-0 text-muted">© Datablast Ltd. All rights reserved.</p> 398 <div 399 class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none"> 400 <a href="/"> 401 <img class="footer-logo" src="https://www.datablast.com/static/png/logo-footer.png" /> 402 </a> 403 </div> 404 <ul class="nav col-md-4 ps-1 justify-content-end"> 405 <li class="nav-item pt-2"> 406 <a href="/about/" class="footer-link px-2 text-muted">About</a> 407 </li> 408 <li class="nav-item pt-2"> 409 <a href="/insights/" class="footer-link px-2 text-muted">Insights</a> 410 </li> 411 <li class="nav-item pt-2"> 412 <a href="/policies/" class="footer-link px-2 text-muted">Policies</a> 413 </li> 414 <li class="nav-item pt-2"> 415 <a href="/contact/" class="footer-link px-2 text-muted">Contact</a> 416 </li> 417 <li class="nav-item footer-social-media"> 418 <a class="text-muted" href="https://x.com/datablast"> 419 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1200 1227"> 420 <path 421 d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" /> 422 </svg> 423 </a> 424 </li> 425 <li class="nav-item footer-social-media ms-3"> 426 <a class="text-muted" href="https://www.linkedin.com/company/datablast/"> 427 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 428 <path 429 d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" /> 430 </svg> 431 </a> 432 </li> 433 <li class="nav-item footer-social-media ms-3"> 434 <a class="text-muted" href="https://youtube.com/c/datablast"> 435 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 436 <path 437 d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" /> 438 </svg> 439 </a> 440 </li> 441 </ul> 442 </footer> 443</div></div> 444 445 446 447 448 449 450</body> 451 452</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.