PageSourceSearch

https://datablast.com/services/

html datablast.com collected 2026-10-03 21:13:03 UTC 20,796 bytes, 452 lines download raw bytes

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.