PageSourceSearch

https://londonbookpublisher.co.uk/services

html londonbookpublisher.co.uk collected 2026-10-06 21:54:47 UTC 109,041 bytes, 2,689 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <base href="/">
9
10    <title>Professional Publishing Services | London Book Publishers UK</title>
11    <meta name="description" content="Expert publishing services from London Book Publisher. Trusted by authors across London and the UK for editing, design, and book publishing support.">
12    <meta name="keywords" content="Create a captivating first impression with our expert book cover designers at London Book Publisher. Tailored designs that reflect your book's essence, attract readers, and stand out in the market. Get started today!">
13    <link rel="canonical" href="https://londonbookpublisher.co.uk/services">
14
15    <!-- 🔥 SEO (OG + Twitter) -->
16    <meta property="og:title" content="Professional Publishing Services | London Book Publishers UK">
17    <meta property="og:description" content="Expert publishing services from London Book Publisher. Trusted by authors across London and the UK for editing, design, and book publishing support.">
18    <meta property="og:image" content="./images/icon.jfif">
19    <meta property="og:url" content="https://londonbookpublisher.co.uk/services">
20
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="Professional Publishing Services | London Book Publishers UK">
23    <meta name="twitter:description" content="Expert publishing services from London Book Publisher. Trusted by authors across London and the UK for editing, design, and book publishing support.">
24    <meta name="twitter:image" content="./images/icon.jfif">
25    <meta name="google-site-verification" content="sCVnNbMk_1vZOt2t9i3mLFma9KLBODFb_tfqHDYFLM0" />
26        <!-- <meta name="robots" content="noindex, nofollow"> -->
27    
28    <!-- PRECONNECT -->
29    <link rel="preconnect" href="https://fonts.googleapis.com">
30    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31
32    <!-- 🔥 GOOGLE FONTS (NON-BLOCKING SAFE VERSION) -->
33    <link
34        href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&family=Spectral:wght@400;500;600;700&display=swap"
35        rel="stylesheet" media="print" onload="this.media='all'">
36
37    <noscript>
38        <link
39            href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&family=Spectral:wght@400;500;600;700&display=swap"
40            rel="stylesheet">
41    </noscript>
42
43    <!-- FAVICON -->
44    <link rel="icon" href="./images/icon.jfif" type="image/png">
45
46    <!-- 🔥 LCP IMAGE PRELOAD -->
47    <link rel="preload" as="image" href="./images/service/service-banner.webp">
48
49    <!-- 🔥 CSS OPTIMIZED -->
50    <link rel="preload" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" as="style"
51        onload="this.rel='stylesheet'">
52    <link rel="preload" href="assets/css/style.css" as="style" onload="this.rel='stylesheet'">
53    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" as="style"
54        onload="this.rel='stylesheet'">
55
56    <!-- 🔥 FIX SWIPER (IMPORTANT FIX) -->
57    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
58
59    <noscript>
60        <link rel="stylesheet" href="assets/css/style.css">
61    </noscript>
62
63    <!-- 🔥 INLINE CRITICAL CSS -->
64    <style>
65    .hero-section {
66        background: url('./images/service/service-banner.webp') center center / cover no-repeat;
67        min-height: 500px;
68        display: flex;
69        align-items: center;
70        color: #fff;
71    }
72
73    .disclaimer-modal {
74        position: fixed;
75        inset: 0;
76        background: rgba(0, 0, 0, 0.65);
77        display: none;
78        align-items: center;
79        justify-content: center;
80        z-index: 9999;
81    }
82
83    .disclaimer-content {
84        background: #ffffff;
85        border: 5px #20b2aa solid;
86        text-align: center;
87        max-width: 600px;
88        width: 90%;
89        padding: 30px;
90        border-radius: 14px;
91        position: relative;
92        font-family: Arial, sans-serif;
93        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
94    }
95
96    .disclaimer-content h2 {
97        margin-top: 0;
98        color: #c00000;
99    }
100
101    .disclaimer-content p,
102    .disclaimer-content li {
103        font-size: 14px;
104        line-height: 1.6;
105        color: #333;
106    }
107
108    .disclaimer-content ul {
109        padding-left: 18px;
110    }
111
112    .disclaimer-content a {
113        color: #0056b3;
114        word-break: break-all;
115    }
116
117    .disclaimer-close {
118        position: absolute;
119        top: 12px;
120        right: 15px;
121        background: none;
122        border: none;
123        font-size: 26px;
124        cursor: pointer;
125        color: #333;
126    }
127    </style>
128
129
130
131    
131<script type="application/ld+json">
132    {
133        "@context": "https://schema.org",
134        "@type": "Organization",
135        "name": "London book publisher",
136        "alternateName": "London book publisher",
137        "url": "https://londonbookpublisher.co.uk/",
138        "logo": "https://londonbookpublisher.co.uk/images/lbp_logo.webp",
139        "sameAs": [
140            "https://www.facebook.com/londonbookpublisher/",
141            "https://www.youtube.com/@LondonbookPublishers-v4z"
142        ]
143    }
144    </script>
144
145    
145<script type="application/ld+json">
146    {
147        "@context": "https://schema.org",
148        "@type": "LocalBusiness",
149        "name": "London Book Publisher",
150        "image": "https://londonbookpublisher.co.uk/images/lbp_logo.webp",
151        "@id": "",
152        "url": "https://londonbookpublisher.co.uk/",
153        "telephone": "+44 20 4615 6000",
154        "address": {
155            "@type": "PostalAddress",
156            "streetAddress": "16 Northolt Rd, South Harrow",
157            "addressLocality": "Harrow",
158            "postalCode": "HA2 0ER",
159            "addressCountry": "GB"
160        },
161        "openingHoursSpecification": {
162            "@type": "OpeningHoursSpecification",
163            "dayOfWeek": [
164                "Monday",
165                "Tuesday",
166                "Wednesday",
167                "Thursday",
168                "Friday",
169                "Saturday",
170                "Sunday"
171            ],
172            "opens": "00:00",
173            "closes": "23:59"
174        },
175        "sameAs": [
176            "https://www.facebook.com/londonbookpublisher/",
177            "https://www.instagram.com/lon_donbookpublishers/",
178            "https://www.youtube.com/@LondonbookPublishers-v4z"
179        ]
180    }
181    </script>
181
182    <style>
183    .hero-section {
184        background: url(./images/service/service-banner.webp) center center / cover no-repeat;
185        width: 100%;
186        color: #fff;
187        padding: 60px 0px;
188    }
189
190    .cta-sec {
191        background: url('./images/home/home-cta-first.webp') center center / cover no-repeat;
192        background-size: cover;
193        height: 346px;
194        position: relative;
195        color: #fff;
196    }
197
198    .banner {
199        background: url(./images/service/cta-banner.webp) center center / cover no-repeat;
200        width: 100%;
201        background-color: #333;
202        color: white;
203        text-align: center;
204        padding: 60px 0px;
205    }
206
207    .cta-section {
208        background: url(./images/service/form-cta.webp) center center / cover no-repeat;
209        width: 100%;
210        background-color: #333;
211        color: #fff;
212        padding: 60px 0px;
213    }
214    </style>
215
216
217</head>
218
219<body>
220    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 220-221
220
221    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
221GTM-P5JT875Q
vendor: 101 bytes, lines 221-223
221" height="0" width="0"
222            style="display:none;visibility:hidden"></iframe></noscript>
223    
223<!-- End Google Tag Manager (noscript) -->
224
225    <style>
226    /* Default: Dono hide kar do */
227    #black-friday-banner,
228    #black-friday-banner1 {
229        display: none;
230    }
231
232    /* Mobile devices (max-width 767px) */
233    @media (max-width: 767px) {
234        #black-friday-banner {
235            display: block;
236            background-color: #20b2aa;
237            text-align: center;
238            padding-top: 5px;
239        }
240
241        #black-friday-banner1 {
242            display: none;
243        }
244    }
245
246    /* Laptop / Desktop (min-width 768px) */
247    @media (min-width: 768px) {
248        #black-friday-banner1 {
249            display: block;
250            background-color: #20b2aa;
251            text-align: center;
252            padding-top: 5px;
253            padding-bottom: 1px;
254            margin-bottom: -9px;
255
256        }
257    }
258
259    /* Common text styling */
260    .mq-item {
261        display: inline-block;
262        color: #ffffff;
263        font-size: 17px;
264        font-weight: 500;
265    }
266
267    .mq-item:hover {
268        color: #CB262C;
269    }
270    </style>
271
272    <!-- <div id="black-friday-banner">
273        <marquee>
274            <a href="https://find-and-update.company-information.service.gov.uk/company/14565496" target="_blank"><span class="mq-item"><b class="fw-600">Protect Your Book – Before signing with any publisher, confirm a valid UK Company Registration Number and official .co.uk website. Our Company Registration Number is 14565496. Transparency matters.
275                </span></a>
276        </marquee>
277    </div>
278    <div id="black-friday-banner1">
279        <p>
280            <a href="https://find-and-update.company-information.service.gov.uk/company/14565496" target="_blank"><span class="mq-item"><b class="">Protect Your Book – Before signing with any publisher, confirm a valid UK Company Registration Number and official .co.uk website. Our Company Registration Number is 14565496. Transparency matters.
281                </span></a>
282        </p>
283    </div> -->
284
285    <div class="top-bar">
286        <div class="container">
287            <div class="top-bar-right">
288                <span class="phone">
289                    Phone Number: <a href="tel:+442046156000">+44 20 4615 6000</a>, <a
290                        href="tel:+442030984500">+44 20 3098 4500</a>
291                </span>
292                <span class="phone">
293                    Whatsapp: <a href="tel:https://wa.me/447949286647">+44 7949 286647</a>
294                </span>
295                <span class="email">
296                    Email Us:<a href="mailto:[email protected]"> [email protected]</a>
297                </span>
298            </div>
299        </div>
300    </div>
301
302    <!-- Header -->
303    <header class="main-header">
304        <div class="container">
305            <div class="logo">
306                <a href="/">
307                    <img src="./images/lbp_logo.webp" alt="Logo" />
308                </a>
309            </div>
310
311            <button class="menu-toggle" onclick="toggleMenu()">☰</button>
312
313            <nav class="navbar" id="navbar">
314                <ul>
315                    <li><a href="/">Home</a></li>
316                    <li><a href="about-us">About</a></li>
317                    <li class="dropdown" onmouseenter="openDropdown()" onmouseleave="closeDropdown()">
318
319                        <a href="services">Our Services</a>
320                        <ul class="dropdown-menu" id="dropdownMenu">
321                            <li class="dropdown-submenu">
322                                <a href="book-publishing-services">Book Publishing</a>
323                                <ul class="sub-dropdown-menu">
324                                    <li><a href="self-publishing-services">Self Publishing</a></li>
325                                    <li><a href="ebook-publishing-services">Ebook Publishing</a></li>
326                                    <li><a href="book-editing-and-proofreading">Book Editing and Proofreading</a>
327                                    </li>
328                                    <!--<li><a href="traditional-book-publishers">Traditional Book Publishing</a></li>-->
329                                </ul>
330                            </li>
331                            <li class="dropdown-submenu">
332                                <a href="amazon-book-publishing-services">Amazon Book Publishing</a>
333                                <ul class="sub-dropdown-menu">
334                                    <li><a href="amazon-book-launch-services">Amazon Book Launch</a></li>
335                                    <li><a href="amazon-book-seo-services">Amazon Book SEO</a></li>
336                                    <li><a href="amazon-marketing-services">Amazon Marketing</a></li>
337                                    <li><a href="amazon-kdp-setup-services">Amazon KDP Setup</a></li>
338                                    <li><a href="kindle-publishing-services">Kindle Book Publishing</a></li>
339                                </ul>
340                            </li>
341                            <li class="dropdown-submenu">
342                                <a href="book-marketing-services">Book Marketing</a>
343                                <ul class="sub-dropdown-menu">
344                                    <li><a href="author-website-design-and-development">Author Website and
345                                            Development</a></li>
346                                    <li><a href="social-media-marketing">Social Media Marketing</a></li>
347                                </ul>
348                            </li>
349                            <li class="dropdown-submenu">
350                                <a href="book-designing-services">Book Design</a>
351                                <ul class="sub-dropdown-menu">
352                                    <li><a href="book-cover-design-services">Book Cover Design</a></li>
353                                    <li><a href="book-layout-formating">Book Layout and Formatting</a></li>
354                                </ul>
355                            </li>
356                            <li class="dropdown-submenu">
357                                <a href="childrens-book-services">Children's Book</a>
358                                <ul class="sub-dropdown-menu">
359                                    <li><a href="childrens-book-illustration">Children's Book Illustrations</a></li>
360                                    <li><a href="childrens-book-printing">Children's Book Printing</a></li>
361                                    <li><a href="childrens-book-promotion">Children's Book Promotion</a></li>
362                                    <li><a href="childrens-book-publishing">Children's Book Publishing</a></li>
363                                    <li><a href="childrens-book-writing">Children's Book Writing</a></li>
364                                </ul>
365                            </li>
366                            <li class="dropdown-submenu">
367                                <a href="ghostwriting-services">Ghostwriting</a>
368                                <ul class="sub-dropdown-menu">
369                                    <li><a href="fiction-ghost-writing-services">Fiction Ghostwriting</a>
370                                    </li>
371                                    <li><a href="non-fiction-ghostwriting-services">Non-Fiction Ghostwriting</a>
372                                    </li>
373                                    <li><a href="memoir-ghostwriting-services">Memoir Ghostwriting</a></li>
374                                </ul>
375                            </li>
376                        </ul>
377                    </li>
378                    <li><a href="authors">Author's Websites</a></li>
379                    <li><a href="our-books">Portfolio</a></li>
380                    <!-- <li><a href="blogs">Blog</a></li> -->
381                    <li><a href="contact-us">Contact Us</a></li>
382                </ul>
383            </nav>
384
385            <div class="offcanvas-navbar" id="offcanvasNavbar">
386                <button class="close-btn" onclick="toggleMenu()">&times;</button>
387                <ul>
388                    <li><a href="/">Home</a></li>
389                    <li><a href="about-us">About</a></li>
390                    <li class="dropdown">
391                        <a href="services">Our Services</a>
392                        <span class="offcanvas-icon">
393                            <i class="fas fa-chevron-down"></i>
394                        </span>
395                        <ul class="offcanvas-dropdown-menu">
396                            <li class="dropdown-submenu">
397                                <span class="li-span-sub">Book Publishing</span>
398                                <span class="offcanvas-icon">
399                                    <i class="fas fa-chevron-down"></i>
400                                </span>
401                                <ul class="offcanvas-sub-dropdown-menu">
402                                    <li><a href="book-publishing-services">Book Publishing</a></li>
403                                    <li><a href="self-publishing-services">Self Publishing</a></li>
404                                    <li><a href="ebook-publishing-services">Ebook Publishing</a></li>
405                                    <li><a href="book-editing-and-proofreading">Book Editing and Proofreading</a>
406                                    </li>
407                                    <!--<li><a href="traditional-book-publishers">Traditional Book Publishing</a></li>-->
408                                </ul>
409                            </li>
410                            <li class="dropdown-submenu">
411                                <span class="li-span-sub">Amazon Book Publishing</span>
412                                <span class="offcanvas-icon">
413                                    <i class="fas fa-chevron-down"></i>
414                                </span>
415                                <ul class="offcanvas-sub-dropdown-menu">
416                                    <li><a href="amazon-book-publishing-services">Amazon Book Publishing</a></li>
417                                    <li><a href="amazon-book-launch-services">Amazon Book Launch</a></li>
418                                    <li><a href="amazon-book-seo-services">Amazon Book SEO</a></li>
419                                    <li><a href="amazon-marketing-services">Amazon Marketing</a></li>
420                                    <li><a href="amazon-kdp-setup-services">Amazon KDP Setup</a></li>
421                                    <li><a href="kindle-publishing-services">Kindle Book Publishing</a></li>
422                                </ul>
423                            </li>
424                            <li class="dropdown-submenu">
425                                <span class="li-span-sub">Children's Book</span>
426                                <span class="offcanvas-icon">
427                                    <i class="fas fa-chevron-down"></i>
428                                </span>
429                                <ul class="offcanvas-sub-dropdown-menu">
430                                    <li><a href="childrens-book-services">Children's Book</a></li>
431                                    <li><a href="childrens-book-illustration">Children's Book Illustrations</a></li>
432                                    <li><a href="childrens-book-printing">Children's Book Printing</a></li>
433                                    <li><a href="childrens-book-promotion">Children's Book Promotion</a></li>
434                                    <li><a href="childrens-book-publishing">Children's Book Publishing</a></li>
435                                    <li><a href="childrens-book-writing">Children's Book Writing</a></li>
436                                </ul>
437                            </li>
438                            <li class="dropdown-submenu">
439                                <span class="li-span-sub">Book Marketing</span>
440                                <span class="offcanvas-icon">
441                                    <i class="fas fa-chevron-down"></i>
442                                </span>
443                                <ul class="offcanvas-sub-dropdown-menu">
444                                    <li><a href="book-marketing-services">Book Marketing</a></li>
445                                    <li><a href="author-website-design-and-development">Author Website</a></li>
446                                    <li><a href="social-media-marketing">Social Media Marketing</a></li>
447                                </ul>
448                            </li>
449                            <li class="dropdown-submenu">
450                                <span class="li-span-sub">Ghostwriting</span>
451                                <span class="offcanvas-icon">
452                                    <i class="fas fa-chevron-down"></i>
453                                </span>
454                                <ul class="offcanvas-sub-dropdown-menu">
455                                    <li><a href="ghostwriting-services">Ghostwriting</a></li>
456                                    <li><a href="fiction-ghost-writing-services">Fiction Ghostwriting</a>
457                                    </li>
458                                    <li><a href="non-fiction-ghostwriting-services">Non-Fiction Ghostwriting</a>
459                                    </li>
460                                    <li><a href="memoir-ghostwriting-services">Memoir Ghostwriting</a></li>
461                                </ul>
462                            </li>
463                            <li><span class="li-span-sub"><a style="padding:7px;" href="book-illustration-services">Book
464                                        Illustration</a></span></li>
465                        </ul>
466                    </li>
467                    <li><a href="authors">Authors Websites</a></li>
468                    <li><a href="our-books">Portfolio</a></li>
469                    <!-- <li><a href="blogs">Blog</a></li> -->
470                    <li><a href="contact-us">Contact Us</a></li>
471                </ul>
472            </div>
473
474
475            <!-- <button class="quote-btn" data-toggle="modal" data-target="#staticBackdrop">Book Appointment</button> -->
476            <a class="quote-btn" href="book-consultant">Book a Free Consultation</a>
477        </div>
478    </header><!-- Hero Section -->
479<section class="hero-section">
480    <div class="container">
481        <div class="hero-content">
482            <!-- Left Column -->
483            <div class="hero-left">
484                <h1 class="hero-heading">
485                    Publishing Services Tailored to Your Vision
486                </h1>
487                <p class="hero-paragraph">
488                    At <a class="inter-linking" href="index">London Book Publisher</a>, we bring your book to
489                    life from inception to completion. As a top book publishing company in the UK, our services guide
490                    you through each step of the publishing process. From layout and book cover design to marketing and
491                    distribution, our team provide your manuscript with the expert attention it needs. We work with both
492                    new authors and experienced writers to unlock your full potential, making us a reliable option among
493                    book publishing companies in the UK.
494                </p>
495
496                <div class="btn-group">
497                    <button class="btn btn-primary" onclick="openGetStartedPopup()" data-toggle="modal"
498                        data-target="#staticBackdrop">
499                        Request A Callback
500                    </button>
501                    <button class="btn btn-secondary liveChatBtn" onclick="openChat()">
502                        Chat Now
503                    </button>
504                </div>
505            </div>
506
507            <!-- Right Column -->
508            <div class="hero-right">
509                <h2 class="form-heading">
510                    Fill in your Details and Avail a Discount Now!
511                </h2>
512                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/css/intlTelInput.css">
513<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/js/intlTelInput.min.js" defer></script>
513
514
515<style>
516    /* Bootstrap 4.5's input recipe (padding/radius/focus-ring), recoloured for the dark popup */
517    #staticBackdrop .hero-right {
518        max-height: 92vh;
519        overflow-y: auto;
520        overflow-x: hidden;
521    }
522
523    #staticBackdrop .modal-dialog {
524        margin-top: 1rem;
525        margin-bottom: 1rem;
526    }
527
528    /* Card polish: gradient depth + a soft accent glow (background layers auto-clip to the
529       rounded corners, so this needs no overflow:hidden that would also clip the phone
530       country dropdown) */
531    .hero-right {
532        background-image:
533            radial-gradient(circle at top right, rgba(32, 178, 170, .35), transparent 55%),
534            linear-gradient(160deg, #12524f 0%, #0d4646 45%, #0a3b39 100%);
535        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);
536    }
537
538    .form-heading {
539        position: relative;
540        padding-bottom: 16px;
541        letter-spacing: .2px;
542    }
543
544    .form-heading::after {
545        content: "";
546        position: absolute;
547        bottom: 0;
548        left: 50%;
549        transform: translateX(-50%);
550        width: 56px;
551        height: 3px;
552        border-radius: 3px;
553        background: linear-gradient(90deg, #20b2aa, #8fe3dd);
554    }
555
556    .form2-mb-3 {
557        margin-bottom: 14px;
558    }
559
560    .form2-field-icon {
561        position: relative;
562    }
563
564    .form2-input-icon {
565        position: absolute;
566        left: 14px;
567        top: 38%;
568        transform: translateY(-50%);
569        color: rgba(255, 255, 255, .5);
570        font-size: 13px;
571        pointer-events: none;
572        transition: color .15s ease-in-out;
573    }
574
575    .form2-field-icon-top .form2-input-icon {
576        top: 15px;
577        transform: none;
578    }
579
580    .form2-field-icon:focus-within .form2-input-icon {
581        color: #20b2aa;
582    }
583
584    .form2-field-icon .form2-form-control {
585        padding-left: 36px;
586    }
587
588    .form2-form-control {
589        background-color: rgba(255, 255, 255, .07);
590        color: #fff;
591        width: 100%;
592        padding: .55rem .9rem;
593        border-radius: .375rem;
594        border: 1px solid rgba(255, 255, 255, .35);
595        font-size: 15px;
596        margin-bottom: 0;
597        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
598    }
599
600    .form2-form-control::placeholder {
601        color: rgba(255, 255, 255, .65);
602    }
603
604    .form2-form-control:focus {
605        outline: none;
606        background-color: rgba(255, 255, 255, .12);
607        border-color: #20b2aa;
608        box-shadow: 0 0 0 .2rem rgba(32, 178, 170, .35);
609    }
610
611    .form2-phone-field .iti {
612        width: 100%;
613        display: block;
614    }
615
616    .form2-phone-input {
617        padding-left: 68px !important;
618    }
619
620    .iti__flag-container {
621        background: rgba(255, 255, 255, .1);
622        border-right: 1px solid rgba(255, 255, 255, .35);
623        border-radius: .375rem 0 0 .375rem;
624    }
625
626    /* Hide the flag image on the collapsed input — show the numeric dial code instead */
627    .iti__selected-flag {
628        min-width: 60px;
629        padding: 0 6px 0 10px;
630    }
631
632    .iti__selected-flag .iti__flag {
633        display: none;
634    }
635
636    /* Country dropdown list, restyled to match the dark card instead of the plugin's default white popup */
637    .iti__country-list {
638        background: #0d4646;
639        border: 1px solid rgba(255, 255, 255, .2);
640        border-radius: .375rem;
641        box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
642        margin-top: 4px;
643        padding: 4px 0;
644    }
645
646    .iti__country {
647        display: flex;
648        align-items: center;
649        padding: 8px 12px;
650        color: #fff;
651        font-size: 14px;
652    }
653
654    .iti__flag-box {
655        display: none;
656    }
657
658    .iti__country-name,
659    .iti__dial-code {
660        color: rgba(255, 255, 255, .85);
661    }
662
663    .iti__country.iti__highlight {
664        background-color: rgba(32, 178, 170, .25);
665    }
666
667    .iti__divider {
668        border-bottom: 1px solid rgba(255, 255, 255, .15);
669        padding-bottom: 5px;
670        margin-bottom: 5px;
671    }
672
673    .iti__country-list::-webkit-scrollbar {
674        width: 8px;
675    }
676
677    .iti__country-list::-webkit-scrollbar-track {
678        background: transparent;
679    }
680
681    .iti__country-list::-webkit-scrollbar-thumb {
682        background-color: rgba(255, 255, 255, .25);
683        border-radius: 4px;
684    }
685
686    .form2-phone-code-text {
687        color: #fff;
688        font-size: 15px;
689        font-weight: 600;
690        white-space: nowrap;
691    }
692
693    .form2-phone-error {
694        display: none;
695        color: #ffb3b3;
696        font-size: 13px;
697        margin: 6px 0 0;
698    }
699
700    .form2-btn-primary {
701        display: inline-flex;
702        align-items: center;
703        justify-content: center;
704        gap: 8px;
705        transition: background-color .15s ease-in-out, transform .1s ease-in-out;
706    }
707
708    .form2-btn-primary i {
709        transition: transform .15s ease-in-out;
710    }
711
712    .form2-btn-primary:hover {
713        background-color: #1a9a93;
714    }
715
716    .form2-btn-primary:hover i {
717        transform: translateX(4px);
718    }
719
720    .form2-btn-primary:active {
721        transform: scale(.99);
722    }
723
724    .form2-trust-note {
725        margin: 10px 0 0;
726        text-align: center;
727        font-size: 12px;
728        color: rgba(255, 255, 255, .6);
729    }
730
731    .form2-trust-note i {
732        margin-right: 5px;
733        color: #20b2aa;
734    }
735</style>
736
737<div class="form2-container">
738    <form class="form2-cta-form" action="inc/mailer" method="POST">
739        <div class="form2-mb-3 form2-field-icon">
740            <i class="fas fa-user form2-input-icon"></i>
741            <input type="text" id="name" name="form_username" class="form2-form-control" placeholder="Name" autocomplete="name" required />
742        </div>
743
744        <div class="form2-mb-3 form2-field-icon">
745            <i class="fas fa-envelope form2-input-icon"></i>
746            <input type="email" id="email" name="form_email" class="form2-form-control" placeholder="Email" autocomplete="email" required />
747        </div>
748
749        <!-- Phone field: country code is auto-detected from the visitor's location (user can still change it) -->
750        <div class="form2-mb-3 form2-phone-field">
751            <input
752                type="tel"
753                name="form_phone"
754                class="form2-form-control form2-phone-input"
755                placeholder="Phone Number"
756                autocomplete="tel-national"
757                required />
758            <div class="form2-phone-error">Please enter a valid phone number.</div>
759        </div>
760
761        <div class="form2-mb-3 form2-field-icon form2-field-icon-top">
762            <i class="fas fa-pen-to-square form2-input-icon"></i>
763            <textarea id="description" name="form_description" class="form2-form-control" rows="3"
764                placeholder="Project Description" required></textarea>
765        </div>
766
767                <input type="hidden" name="page_url" value="https://londonbookpublisher.co.uk/services">
768
769        
770        <button type="submit" class="form2-btn form2-btn-primary">
771            LET'S GET STARTED <i class="fas fa-arrow-right"></i>
772        </button>
773        <p class="form2-trust-note"><i class="fas fa-lock"></i>Your details are 100% safe &amp; confidential</p>
774    </form>
775</div>
776
777<script>
778    (function () {
779        if (window.__lbpPhoneFormInit) return;
780        window.__lbpPhoneFormInit = true;
781
782        var geoCountryPromise = null;
783        function getGeoCountry() {
784            if (!geoCountryPromise) {
785                geoCountryPromise = fetch('https://ipapi.co/json/')
786                    .then(function (res) { return res.json(); })
787                    .then(function (data) { return (data && data.country_code) ? data.country_code : 'gb'; })
788                    .catch(function () { return 'gb'; });
789            }
790            return geoCountryPromise;
791        }
792
793        function initForm(form) {
794            var phoneInput = form.querySelector('.form2-phone-input');
795            var errorEl = form.querySelector('.form2-phone-error');
796            if (!phoneInput || !window.intlTelInput) return;
797
798            var iti = window.intlTelInput(phoneInput, {
799                initialCountry: 'auto',
800                preferredCountries: ['gb'],
801                utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/js/utils.js',
802                geoIpLookup: function (callback) {
803                    getGeoCountry().then(callback);
804                }
805            });
806
807            // Replace the library's flag icon with a plain "+<code>" text badge
808            var flagBtn = form.querySelector('.form2-phone-field .iti__selected-flag');
809            var arrowEl = flagBtn ? flagBtn.querySelector('.iti__arrow') : null;
810            var codeBadge = document.createElement('span');
811            codeBadge.className = 'form2-phone-code-text';
812            if (flagBtn) flagBtn.insertBefore(codeBadge, arrowEl || null);
813
814            function updateCodeBadge() {
815                var data = iti.getSelectedCountryData();
816                codeBadge.textContent = (data && data.dialCode) ? ('+' + data.dialCode) : '';
817            }
818            updateCodeBadge();
819            phoneInput.addEventListener('countrychange', updateCodeBadge);
820
821            phoneInput.addEventListener('input', function () {
822                if (errorEl) errorEl.style.display = 'none';
823            });
824
825            form.addEventListener('submit', function (e) {
826                if (!iti.isValidNumber()) {
827                    e.preventDefault();
828                    if (errorEl) errorEl.style.display = 'block';
829                    phoneInput.focus();
830                    return;
831                }
832                phoneInput.value = iti.getNumber();
833            });
834        }
835
836        function initAll() {
837            document.querySelectorAll('.form2-cta-form').forEach(initForm);
838        }
839
840        if (document.readyState === 'loading') {
841            document.addEventListener('DOMContentLoaded', initAll);
842        } else {
843            initAll();
844        }
845    })();
846</script>
846            </div>
847        </div>
848    </div>
849</section>
850<section class="services py-5">
851    <div class="container">
852        <div class="row">
853            <div class="col-md-3">
854                <div class="service-box">
855                    <h2 class="service-title">What We Offer at London Book Publisher</h2>
856                    <p class="service-description">
857                        Interested in how <a class="inter-linking"
858                            href="index">London Book Publisher</a> can help fulfil your publishing goals? Here’s
859                        how we stand out from other book publishing
860                        companies in the UK:
861                    </p>
862                    <a href="#" class="btn btn-outline-primary" onclick="openGetStartedPopup()" data-toggle="modal"
863                        data-target="#staticBackdrop">Get a Quote</a>
864                </div>
865            </div>
866            <div class="col-md-9">
867                <div class="swiper service-slider">
868                    <div class="swiper-wrapper">
869                        <div class="swiper-slide">
870                            <div
871                                class="card bg-dark text-white height-100 process-card text-center p-0 service-slider-hei">
872                                <div class="card-header">
873                                    <h2>01</h2>
874                                </div>
875                                <div class="card-body">
876                                    <h4>Professional Editing and Proofreading</h4>
877                                    <p>Every good book begins with a strong manuscript. Our editors polish your work to
878                                        make it clear, fluent, and publication-ready.
879                                    </p>
880                                    <a href="book-editing-and-proofreading" class="btn btn-primary">Read More</a>
881                                </div>
882                            </div>
883                        </div>
884                        <div class="swiper-slide">
885                            <div
886                                class="card bg-dark text-white height-100 process-card text-center p-0 service-slider-hei">
887                                <div class="card-header">
888                                    <h2>02</h2>
889                                </div>
890                                <div class="card-body">
891                                    <h4>Personalised Book Cover </h4>
892                                    <p>From spine to front and back flaps, our design team produces layouts that reflect
893                                        the distinctive nature of your book, professionally and aesthetically.
894                                    </p>
895                                    <a href="book-cover-design-services" class="btn btn-primary">Read More</a>
896                                </div>
897                            </div>
898                        </div>
899                        <div class="swiper-slide">
900                            <div
901                                class="card bg-dark text-white height-100 process-card text-center p-0 service-slider-hei">
902                                <div class="card-header">
903                                    <h2>03</h2>
904                                </div>
905                                <div class="card-body">
906                                    <h4>Complete Publishing Support</h4>
907                                    <p>As a top London Book Publisher, we take care of everything from ISBN
908                                        registration
909                                        to global distribution on major platforms.
910                                    </p>
911                                    <a href="contact-us" class="btn btn-primary">Read More</a>
912                                </div>
913                            </div>
914                        </div>
915                        <div class="swiper-slide">
916                            <div
917                                class="card bg-dark text-white height-100 process-card text-center p-0 service-slider-hei">
918                                <div class="card-header">
919                                    <h2>04</h2>
920                                </div>
921                                <div class="card-body">
922                                    <h4>Marketing and Author Promotion</h4>
923                                    <p>We put your voice in front of the right audience. Our customised marketing
924                                        strategies build your presence and bring you closer to your readers.
925                                    </p>
926                                    <a href="book-marketing-services" class="btn btn-primary">Read More</a>
927                                </div>
928                            </div>
929                        </div>
930                    </div>
931                </div>
932            </div>
933        </div>
934    </div>
935</section>
936<section class="about-service p-5">
937    <div class="container">
938        <div class="row">
939            <div class="col-md-6">
940                <img src="images/service/our-expertise.webp" alt="Our Expertise" class="img-fluid">
941            </div>
942            <div class="col-md-6 align-content-center">
943                <h2 class="service-heading">Your Book, Our Expertise: Comprehensive Publishing Services You Can Trust
944                </h2>
945                <h5>From Manuscript to the Market</h5>
946                <p class="service-paragraph">
947                    At London Book Publisher, we understand the passion behind every creation. That is 
947why we have a
948                    complete set of publishing services, to make your book a creative, professional, and business
949                    success.
950                </p>
951                <p class="service-paragraph">
952                    Whether you’re polishing your first book or preparing your second bestseller, our expert team will
953                    be with you at every stage. As a well-established publishing house in the UK, we merge creativity
954                    with excellence in the industry.
955                </p>
956                <a href="contact-us" class="btn btn-primary">Start A Project</a>
957            </div>
958        </div>
959    </div>
960</section>
961<section class="service-cta bg-dark p-5">
962    <div class="container">
963        <div class="row">
964            <div class="col-md-12 text-center">
965                <span class="text-primary">OUR SERVICES</span>
966                <h2 class="text-white">Publication Support Tailored to Your Requirements</h2>
967            </div>
968        </div>
969        <div class="row">
970            <div class="col-md-3 mt-5">
971                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
972                    <div class="card-body">
973                        <img src="./images/service/Manuscript-Review.png" alt="Manuscript-Review"
974                            class="service-card-img w-25">
975                        <h5 class="service-card-title">Manuscript Review</h5>
976                    </div>
977                </div>
978            </div>
979            <div class="col-md-3 mt-5">
980                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
981                    <div class="card-body">
982                        <img src="./images/service/Developmental-Editing.png" alt="Developmental-Editing"
983                            class="service-card-img w-25">
984                        <h5 class="service-card-title">Developmental Editing</h5>
985                    </div>
986                </div>
987            </div>
988            <div class="col-md-3 mt-5">
989                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
990                    <div class="card-body">
991                        <img src="./images/service/Line-Editing.png" alt="Line-Editing" class="service-card-img w-25">
992                        <h5 class="service-card-title">Line Editing</h5>
993                    </div>
994                </div>
995            </div>
996            <div class="col-md-3 mt-5">
997                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
998                    <div class="card-body">
999                        <img src="./images/service/Copy-Editing.png" alt="Copy-Editing" class="service-card-img w-25">
1000                        <h5 class="service-card-title">Copy Editing</h5>
1001                    </div>
1002                </div>
1003            </div>
1004        </div>
1005        <div class="row">
1006            <div class="col-md-3 mt-5">
1007                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
1008                    <div class="card-body">
1009                        <img src="./images/service/proofreading.png" alt="proofreading" class="service-card-img w-25">
1010                        <h5 class="service-card-title">Proofreading</h5>
1011                    </div>
1012                </div>
1013            </div>
1014            <div class="col-md-3 mt-5">
1015                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
1016                    <div class="card-body">
1017                        <img src="./images/service/Book-Cover-Design.png" alt="Book-Cover-Design"
1018                            class="service-card-img w-25">
1019                        <h5 class="service-card-title">Book Cover Design</h5>
1020                    </div>
1021                </div>
1022            </div>
1023            <div class="col-md-3 mt-5">
1024                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
1025                    <div class="card-body">
1026                        <img src="./images/service/Typesetting-Formatting.png" alt="Typesetting-Formatting"
1027                            class="service-card-img w-25">
1028                        <h5 class="service-card-title">Typesetting & Formatting</h5>
1029                    </div>
1030                </div>
1031            </div>
1032            <div class="col-md-3 mt-5">
1033                <div class="card bg-transparent text-white service-card border-white height-100 card-hover">
1034                    <div class="card-body">
1035                        <img src="./images/service/Distribution-Publishing-Support.png"
1036                            alt="Distribution-Publishing-Support" class="service-card-img w-25">
1037                        <h5 class="service-card-title">Publishing & Distribution</h5>
1038                    </div>
1039                </div>
1040            </div>
1041        </div>
1042    </div>
1043</section>
1044<div class="panda-container">
1045    <!-- Content Publishers Section -->
1046    <div class="content-publishers">
1047        <h5 class="publishers-subtitle">WHY CHOOSE US</h5>
1048        <h2 class="publishers-title">Why Choose Our Publishing Services?</h2>
1049    </div>
1050
1051    <!-- Columns Section -->
1052    <div class="columns">
1053        <!-- Left Column -->
1054        <div class="left-column"></div>
1055        <!-- Right Column: Features -->
1056        <div class="panda-features">
1057            <div class="feature-box gray-bg">
1058                <h3>01</h3>
1059                <h2>Recommended by Authors Throughout the UK</h2>
1060                <p>As one of the UK’s established publishing houses, we bring years of expertise and genuine passion for
1061                    books to every project. We give your book the proper attention it deserves.
1062                </p>
1063            </div>
1064
1065            <div class="feature-box white-bg">
1066                <h3>02</h3>
1067                <h2>Personalised Publishing Services</h2>
1068                <p>Your voice matters. We tailor our approach to preserve your tone while enhancing your work
1069                    professionally. The finished book aligns fully with your vision.</p>
1070            </div>
1071
1072            <div class="feature-box white-bg">
1073                <h3>03</h3>
1074                <h2>Affordability & Transparency</h2>
1075                <p>Publishing shouldn’t be stressful. We offer competitive packages, clear pricing, and quick turnaround
1076                    without compromising quality.</p>
1077            </div>
1078
1079            <div class="feature-box gray-bg">
1080                <h3>04</h3>
1081                <h2>End-to-End Guidance</h2>
1082                <p>Unlike other publishing houses in the UK, we provide hands-on assistance throughout the entire
1083                    process. You can anticipate one-on-one support, constructive criticism, and a partnership that
1084                    promotes your development as a writer.</p>
1085            </div>
1086        </div>
1087    </div>
1088</div>
1089
1090<div class="banner">
1091    <div class="container">
1092        <div class="main-banner">
1093            <h5 class="subheading">Self-Publish Your Book</h5>
1094            <h2 class="heading">Where Professional Publishing Meets Personal Support</h2>
1095            <div class="button-group">
1096                <button class="btn btn-primary" id="openPopupBtn" data-toggle="modal" data-target="#staticBackdrop">Get
1097                    A Quote</button>
1098                <button class="btn btn-secondary liveChatBtn" onclick="openChat()">Live Chat</button>
1099                <button class="btn btn-secondary">
1100                    <a href="tel:+442046156000">Phone Number: +44 20 4615 6000</a>
1101                </button>
1102            </div>
1103        </div>
1104    </div>
1105</div>
1106
1107
1108<section class="section-process p-5 mt-5">
1109    <div class="conatainer">
1110        <div class="row">
1111            <div class="col-md-12 align-items-center">
1112                <h2 class="text-center process-heading">OUR PROCESS</h2>
1113            </div>
1114        </div>
1115        <div class="container">
1116            <div class="row justify-content-center mt-5">
1117                <div class="col-md-4 mar-top">
1118                    <div class="card bg-dark text-white height-100 process-card">
1119                        <div class="card-header">
1120                            <img class="icon-card" src="./images/service/Let-Begin-Your-Publishing-Journey.png"
1121                                alt="Let-Begin-Your-Publishing-Journey">
1122                        </div>
1123                        <div class="card-body">
1124                            <h4>Let’s Begin Your Publishing Journey</h4>
1125                            <p>We begin with a conversation about your story, goals, and aspirations to create a
1126                                publishing experience that’s uniquely yours.
1127                            </p>
1128                        </div>
1129                    </div>
1130                </div>
1131                <div class="col-md-4 mar-top">
1132                    <div class="card bg-dark text-white height-100 process-card">
1133                        <div class="card-header">
1134                            <img class="icon-card" src="./images/service/Creating-a-Strategy-for-Your-Book.png"
1135                                alt="Creating-a-Strategy-for-Your-Book">
1136                        </div>
1137                        <div class="card-body">
1138                            <h4>Creating a Strategy for Your Book</h4>
1139                            <p>Each book is distinct. We take time to understand your genre, audience, and publishing
1140                                goals to develop a customised approach.
1141                            </p>
1142                        </div>
1143                    </div>
1144                </div>
1145                <div class="col-md-4 mar-top">
1146                    <div class="card bg-dark text-white height-100 process-card">
1147                        <div class="card-header">
1148                            <img class="icon-card" src="./images/service/Professional-Editorial
1148-Care.png"
1149                                alt="Professional-Editorial-Care">
1150                        </div>
1151                        <div class="card-body">
1152                            <h4>Editorial Excellence</h4>
1153                            <p>Your manuscript is sent to our skilled editors, who check it for tone, clarity,
1154                                structure, and consistency. This becomes the core difference between an unfinished
1155                                manuscript and a complete book.
1156                            </p>
1157                        </div>
1158                    </div>
1159                </div>
1160
1161                <div class="col-md-4 mar-top">
1162                    <div class="card bg-dark text-white height-100 process-card">
1163                        <div class="card-header">
1164                            <img class="icon-card" src="./images/service/Flawless-Design-Layout.png"
1165                                alt="Flawless-Design-Layout">
1166                        </div>
1167                        <div class="card-body">
1168                            <h4>Flawless Design & Layout</h4>
1169                            <p>We provide professional print and eBook formatting, layout, typesetting, and styling.
1170                                Every book is given the attention it deserves.
1171                            </p>
1172                        </div>
1173                    </div>
1174                </div>
1175                <div class="col-md-4 mar-top">
1176                    <div class="card bg-dark text-white height-100 process-card">
1177                        <div class="card-header">
1178                            <img class="icon-card" src="./images/service/Final-Quality-Check.png"
1179                                alt="Final-Quality-Check">
1180                        </div>
1181                        <div class="card-body">
1182                            <h4>Final Quality Check</h4>
1183                            <p>Our Quality Assurance team checks each and every detail of your book, from precision in
1184                                content, formatting, and design, so your end product is refined and print-ready.
1185                            </p>
1186                        </div>
1187                    </div>
1188                </div>
1189                <div class="col-md-4 mar-top">
1190                    <div class="card bg-dark text-white height-100 process-card">
1191                        <div class="card-header">
1192                            <img class="icon-card" src="./images/service/Publishing-Distribution-Support.png"
1193                                alt="Publishing-Distribution-Support">
1194                        </div>
1195                        <div class="card-body">
1196                            <h4>Publishing & Distribution</h4>
1197                            <p>After everything is set, we publish and help distribute your book. From ISBN registration
1198                                to file uploads, London Book Publisher helps you roll out seamlessly with expert
1199                                exposure in the competitive market today.
1200                            </p>
1201                        </div>
1202                    </div>
1203                </div>
1204            </div>
1205        </div>
1206    </div>
1207</section>
1208
1209
1210<section class="main-pfrn-sec">
1211    <div class="container">
1212        <div class="row">
1213            <div class="main-wtn-sec">
1214                <ul>
1215                    <li>
1216                        <div class="crte-prf">
1217                            <h3>Looking for Ghostwriting Services?</h3>
1218                            <p>Get in touch with our 24/7 available representatives now!</p>
1219                        </div>
1220                    </li>
1221                    <li class="sec">
1222                        <div class="dext">
1223                            <div class="main-percent">
1224                                <div class="per-box1">
1225                                    <figure>
1226                                        <img class="hme-nmrl-img w-100" src="images/chat.png" alt="Chat">
1227                                    </figure>
1228                                </div>
1229                                <div class="per-box2">
1230                                    <h3>
1231                                        <span>chat</span>
1232                                        <p>with us to avail</p>
1233                                        20% off
1234                                    </h3>
1235                                </div>
1236                            </div>
1237                        </div>
1238                    </li>
1239                    <li>
1240                        <div class="chtnow">
1241                            <a href="javascript:;" class="btn-theme2 liveChatBtn">chat
1242                                now</a>
1243                            <a href="javascript:void(0)" onclick="openGetStartedPopup()" data-toggle="modal"
1244                                data-target="#staticBackdrop" class="btn-theme-outline1 btngetstarted">Avail 20%
1245                                Discount</a>
1246                        </div>
1247                    </li>
1248                </ul>
1249            </div>
1250        </div>
1251    </div>
1252</section>
1253
1254<!-- testimonial sectiom -->
1255<div class="testimonials">
1256    <h2 class="testimonials-title">What Authors Say About Us</h2>
1257
1258    <div class="testimonial-carousel" id="testimonial-carousel">
1259        <div class="testimonial-card">
1260            <div class="testimonial-header">
1261                <div class="testimonial-initials">EC</div>
1262                <div>
1263                    <div class="testimonial-rating">★★★★★</div>
1264                    <h4 class="testimonial-name">Emily Carter</h4>
1265                </div>
1266            </div>
1267            <div class="testimonial-body">
1268                <p class="testimonial-subtitle">
1269                    London Book Publisher UK made the entire publishing process so simple. From editing to
1270                    distribution, every step was handled with professionalism and care. I felt supported throughout, and
1271                    the final result exceeded my expectations.
1272                </p>
1273            </div>
1274        </div>
1275
1276        <div class="testimonial-card">
1277            <div class="testimonial-header">
1278                <div class="testimonial-initials">JW</div>
1279                <div>
1280                    <div class="testimonial-rating">★★★★★</div>
1281                    <h4 class="testimonial-name">James Whitmore</h4>
1282                </div>
1283            </div>
1284            <div class="testimonial-body">
1285                <p class="testimonial-subtitle">
1286                    Being a first-time writer, I was apprehensive about publishing my book. But the individuals at
1287                    London Book Publisher guided me through the entire process. Their dedication to detail and
1288                    support
1289                    made it so much simpler. One of the best publishing companies London UK has to offer!
1290                </p>
1291            </div>
1292        </div>
1293
1294        <div class="testimonial-card">
1295            <div class="testimonial-header">
1296                <div class="testimonial-initials">AM</div>
1297                <div>
1298                    <div class="testimonial-rating">★★★★★</div>
1299                    <h4 class="testimonial-name">Aisha Mahmood</h4>
1300                </div>
1301            </div>
1302            <div class="testimonial-body">
1303                <p class="testimonial-subtitle">
1304                    Working with London Book Publisher was a dream. They were respectful of my voice, provided me
1305                    with
1306                    constructive feedback, and handled all the behind-the-scenes work. I wouldn’t blink twice at
1307                    recommending them to fellow writers seeking reputable book publishing companies throughout the UK.
1308                </p>
1309            </div>
1310        </div>
1311    </div>
1312</div>
1313<section class="faq-sec">
1314    <div class="container">
1315        <div class="row">
1316            <div class="col-md-12">
1317                <h3 class="faq-subtitle">Frequently Asked Questions</h3>
1318                <h2 class="faq-title">FAQs</h2>
1319            </div>
1320        </div>
1321        <div class="row mb-5">
1322            <div class="col-md-12">
1323                <div id="accordion">
1324                    <div class="card mb-3">
1325                        <div class="card-header" id="headingOne">
1326                            <h5 class="mb-0">
1327                                <button
1328                                    class="btn collapsed d-flex align-items-center justify-content-between w-100 focus-none text-decoration-none text-dark"
1329                                    data-toggle="collapse" data-target="#collapseOne" aria-expanded="false"
1330                                    aria-controls="collapseOne">
1331                                    How do you submit a work to a London Book Publisher?
1332                                    <span class="faq-toggle"><i class="fas fa-chevron-down"></i></span>
1333                                </button>
1334                            </h5>
1335                        </div>
1336                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
1337                            <div class="card-body">
1338                                Most publishers request a proposal or query letter. London Book Publisher accepts
1339                                online
1340                                submissions. A polished manuscript and strong pitch will significantly improve your
1341                                chances.
1342                            </div>
1343                        </div>
1344                    </div>
1345
1346                    <div class="card mb-3">
1347                        <div class="card-header" id="headingTwo">
1348                            <h5 class="mb-0">
1349                                <button
1350                                    class="btn collapsed d-flex align-items-center justify-content-between w-100 focus-none text-decoration-none text-dark"
1351                                    data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
1352                                    aria-controls="collapseTwo">
1353                                    Is it possible to self-publish?
1354                                    <span class="faq-toggle"><i class="fas fa-chevron-down"></i></span>
1355                                </button>
1356                            </h5>
1357                        </div>
1358                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
1359                            <div class="card-body">
1360                                Self-publishing offers you control and a quicker turnaround but you will have to do
1361                                editing, design and marketing on your own. London Book Publisher is the choice of
1362                                many
1363                                writers to support hybrid publishing so that they are free to express creativity as well
1364                                as possess professionalism.
1365                            </div>
1366                        </div>
1367                    </div>
1368
1369                    <div class="card mb-3">
1370                        <div class="card-header" id="headingThree">
1371                            <h5 class="mb-0">
1372                                <button
1373                                    class="btn collapsed d-flex align-items-center justify-content-between w-100 focus-none text-decoration-none text-dark"
1374                                    data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
1375                                    aria-controls="collapseThree">
1376                                    How long does publishing take?
1377                                    <span class="faq-toggle"><i class="fas fa-chevron-down"></i></span>
1378                                </button>
1379                            </h5>
1380                        </div>
1381                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
1382                            data-parent="#accordion">
1383                            <div class="card-body">
1384                                Traditional publishing can take 6–12 months or even longer. With self-publishing and
1385                                expert help, it may take just a few weeks. At London Book Publisher, we make it
1386                                straightforward while maintaining quality.
1387                            </div>
1388                        </div>
1389                    </div>
1390
1391                    <div class="card mb-3">
1392                        <div class="card-header" id="headingFour">
1393                            <h5 class="mb-0">
1394                                <button
1395                                    class="btn collapsed d-flex align-items-center justify-content-between w-100 focus-none text-decoration-none text-dark"
1396                                    data-toggle="collapse" data-target="#collapseFour" aria-expanded="false"
1397                                    aria-controls="collapseFour">
1398                                    What are the chances of being published?
1399                                    <span class="faq-toggle"><i class="fas fa-chevron-down"></i></span>
1400                                </button>
1401                            </h5>
1402                        </div>
1403                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
1404                            <div class="card-body">
1405                                It depends on your genre, marketability, and manuscript quality. Partnering with London
1406                                Book Publisher improves your chances of success, as they boast years of experience.
1407                            </div>
1408                        </div>
1409                    </div>
1410
1411                    <div class="card">
1412                        <div class="card-header" id="headingFive">
1413                            <h5 class="mb-0">
1414                                <button
1415                                    class="btn collapsed d-flex align-items-center justify-content-between w-100 focus-none text-decoration-none text-dark"
1416                                    data-toggle="collapse" data-target="#collapseFive" aria-expanded="false"
1417                                    aria-controls="collapseFive">
1418                                    What happens after London Book Publisher accepts your book?
1419                                    <span class="faq-toggle"><i class="fas fa-chevron-down"></i></span>
1420                                </button>
1421                            </h5>
1422                        </div>
1423                        <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
1424                            <div class="card-body">
1425                                Once accepted, your book moves into production: editing, design, and marketing plans are
1426                                created, and rights and royalties contracts are agreed. We guide authors through every
1427                                stage.
1428                            </div>
1429                        </div>
1430                    </div>
1431
1432                </div><!-- #accordion -->
1433            </div><!-- .col-md-12 -->
1434        </div><!-- .row -->
1435    </div><!-- .container -->
1436</section>
1437<section class="cta-section">
1438    <div class="container">
1439        <div class="cta-content">
1440            <!-- Left Column -->
1441            <div class="cta-left">
1442                <h2 class="cta-heading">
1442Have Questions? Need Guidance? Let's Talk.</h2>
1443                <p class="cta-paragraph">
1444                    At London Book Publisher, we know that every author’s journey is different. Some writers come to
1445                    us
1446                    with polished drafts, while others only have an idea on paper. No matter where you are, our role is
1447                    to make publishing easier, clearer, and more rewarding.
1448                </p>
1449                <p class="cta-paragraph">
1450                    As one of the most reliable book publishing companies in the UK, we provide expert advice, honest
1451                    feedback, and customised solutions, whether you're publishing your debut book or expanding as a
1452                    seasoned author. From ghostwriting to online book marketing, we have got you covered.
1453                </p>
1454            </div>
1455
1456            <!-- Right Column -->
1457            <div class="cta-right">
1458                <h2 class="form-heading">Let’s bring your manuscript to life!</h2>
1459
1460                <!-- Inline form replacing Form2 -->
1461                
1462<style>
1463    /* Bootstrap 4.5's input recipe (padding/radius/focus-ring), recoloured for the dark popup */
1464    #staticBackdrop .hero-right {
1465        max-height: 92vh;
1466        overflow-y: auto;
1467        overflow-x: hidden;
1468    }
1469
1470    #staticBackdrop .modal-dialog {
1471        margin-top: 1rem;
1472        margin-bottom: 1rem;
1473    }
1474
1475    /* Card polish: gradient depth + a soft accent glow (background layers auto-clip to the
1476       rounded corners, so this needs no overflow:hidden that would also clip the phone
1477       country dropdown) */
1478    .hero-right {
1479        background-image:
1480            radial-gradient(circle at top right, rgba(32, 178, 170, .35), transparent 55%),
1481            linear-gradient(160deg, #12524f 0%, #0d4646 45%, #0a3b39 100%);
1482        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);
1483    }
1484
1485    .form-heading {
1486        position: relative;
1487        padding-bottom: 16px;
1488        letter-spacing: .2px;
1489    }
1490
1491    .form-heading::after {
1492        content: "";
1493        position: absolute;
1494        bottom: 0;
1495        left: 50%;
1496        transform: translateX(-50%);
1497        width: 56px;
1498        height: 3px;
1499        border-radius: 3px;
1500        background: linear-gradient(90deg, #20b2aa, #8fe3dd);
1501    }
1502
1503    .form2-mb-3 {
1504        margin-bottom: 14px;
1505    }
1506
1507    .form2-field-icon {
1508        position: relative;
1509    }
1510
1511    .form2-input-icon {
1512        position: absolute;
1513        left: 14px;
1514        top: 38%;
1515        transform: translateY(-50%);
1516        color: rgba(255, 255, 255, .5);
1517        font-size: 13px;
1518        pointer-events: none;
1519        transition: color .15s ease-in-out;
1520    }
1521
1522    .form2-field-icon-top .form2-input-icon {
1523        top: 15px;
1524        transform: none;
1525    }
1526
1527    .form2-field-icon:focus-within .form2-input-icon {
1528        color: #20b2aa;
1529    }
1530
1531    .form2-field-icon .form2-form-control {
1532        padding-left: 36px;
1533    }
1534
1535    .form2-form-control {
1536        background-color: rgba(255, 255, 255, .07);
1537        color: #fff;
1538        width: 100%;
1539        padding: .55rem .9rem;
1540        border-radius: .375rem;
1541        border: 1px solid rgba(255, 255, 255, .35);
1542        font-size: 15px;
1543        margin-bottom: 0;
1544        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
1545    }
1546
1547    .form2-form-control::placeholder {
1548        color: rgba(255, 255, 255, .65);
1549    }
1550
1551    .form2-form-control:focus {
1552        outline: none;
1553        background-color: rgba(255, 255, 255, .12);
1554        border-color: #20b2aa;
1555        box-shadow: 0 0 0 .2rem rgba(32, 178, 170, .35);
1556    }
1557
1558    .form2-phone-field .iti {
1559        width: 100%;
1560        display: block;
1561    }
1562
1563    .form2-phone-input {
1564        padding-left: 68px !important;
1565    }
1566
1567    .iti__flag-container {
1568        background: rgba(255, 255, 255, .1);
1569        border-right: 1px solid rgba(255, 255, 255, .35);
1570        border-radius: .375rem 0 0 .375rem;
1571    }
1572
1573    /* Hide the flag image on the collapsed input — show the numeric dial code instead */
1574    .iti__selected-flag {
1575        min-width: 60px;
1576        padding: 0 6px 0 10px;
1577    }
1578
1579    .iti__selected-flag .iti__flag {
1580        display: none;
1581    }
1582
1583    /* Country dropdown list, restyled to match the dark card instead of the plugin's default white popup */
1584    .iti__country-list {
1585        background: #0d4646;
1586        border: 1px solid rgba(255, 255, 255, .2);
1587        border-radius: .375rem;
1588        box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
1589        margin-top: 4px;
1590        padding: 4px 0;
1591    }
1592
1593    .iti__country {
1594        display: flex;
1595        align-items: center;
1596        padding: 8px 12px;
1597        color: #fff;
1598        font-size: 14px;
1599    }
1600
1601    .iti__flag-box {
1602        display: none;
1603    }
1604
1605    .iti__country-name,
1606    .iti__dial-code {
1607        color: rgba(255, 255, 255, .85);
1608    }
1609
1610    .iti__country.iti__highlight {
1611        background-color: rgba(32, 178, 170, .25);
1612    }
1613
1614    .iti__divider {
1615        border-bottom: 1px solid rgba(255, 255, 255, .15);
1616        padding-bottom: 5px;
1617        margin-bottom: 5px;
1618    }
1619
1620    .iti__country-list::-webkit-scrollbar {
1621        width: 8px;
1622    }
1623
1624    .iti__country-list::-webkit-scrollbar-track {
1625        background: transparent;
1626    }
1627
1628    .iti__country-list::-webkit-scrollbar-thumb {
1629        background-color: rgba(255, 255, 255, .25);
1630        border-radius: 4px;
1631    }
1632
1633    .form2-phone-code-text {
1634        color: #fff;
1635        font-size: 15px;
1636        font-weight: 600;
1637        white-space: nowrap;
1638    }
1639
1640    .form2-phone-error {
1641        display: none;
1642        color: #ffb3b3;
1643        font-size: 13px;
1644        margin: 6px 0 0;
1645    }
1646
1647    .form2-btn-primary {
1648        display: inline-flex;
1649        align-items: center;
1650        justify-content: center;
1651        gap: 8px;
1652        transition: background-color .15s ease-in-out, transform .1s ease-in-out;
1653    }
1654
1655    .form2-btn-primary i {
1656        transition: transform .15s ease-in-out;
1657    }
1658
1659    .form2-btn-primary:hover {
1660        background-color: #1a9a93;
1661    }
1662
1663    .form2-btn-primary:hover i {
1664        transform: translateX(4px);
1665    }
1666
1667    .form2-btn-primary:active {
1668        transform: scale(.99);
1669    }
1670
1671    .form2-trust-note {
1672        margin: 10px 0 0;
1673        text-align: center;
1674        font-size: 12px;
1675        color: rgba(255, 255, 255, .6);
1676    }
1677
1678    .form2-trust-note i {
1679        margin-right: 5px;
1680        color: #20b2aa;
1681    }
1682</style>
1683
1684<div class="form2-container">
1685    <form class="form2-cta-form" action="inc/mailer" method="POST">
1686        <div class="form2-mb-3 form2-field-icon">
1687            <i class="fas fa-user form2-input-icon"></i>
1688            <input type="text" id="name" name="form_username" class="form2-form-control" placeholder="Name" autocomplete="name" required />
1689        </div>
1690
1691        <div class="form2-mb-3 form2-field-icon">
1692            <i class="fas fa-envelope form2-input-icon"></i>
1693            <input type="email" id="email" name="form_email" class="form2-form-control" placeholder="Email" autocomplete="email" required />
1694        </div>
1695
1696        <!-- Phone field: country code is auto-detected from the visitor's location (user can still change it) -->
1697        <div class="form2-mb-3 form2-phone-field">
1698            <input
1699                type="tel"
1700                name="form_phone"
1701                class="form2-form-control form2-phone-input"
1702                placeholder="Phone Number"
1703                autocomplete="tel-national"
1704                required />
1705            <div class="form2-phone-error">Please enter a valid phone number.</div>
1706        </div>
1707
1708        <div class="form2-mb-3 form2-field-icon form2-field-icon-top">
1709            <i class="fas fa-pen-to-square form2-input-icon"></i>
1710            <textarea id="description" name="form_description" class="form2-form-control" rows="3"
1711                placeholder="Project Description" required></textarea>
1712        </div>
1713
1714                <input type="hidden" name="page_url" value="https://londonbookpublisher.co.uk/services">
1715
1716        
1717        <button type="submit" class="form2-btn form2-btn-primary">
1718            LET'S GET STARTED <i class="fas fa-arrow-right"></i>
1719        </button>
1720        <p class="form2-trust-note"><i class="fas fa-lock"></i>Your details are 100% safe &amp; confidential</p>
1721    </form>
1722</div>
1723
1724<script>
1725    (function () {
1726        if (window.__lbpPhoneFormInit) return;
1727        window.__lbpPhoneFormInit = true;
1728
1729        var geoCountryPromise = null;
1730        function getGeoCountry() {
1731            if (!geoCountryPromise) {
1732                geoCountryPromise = fetch('https://ipapi.co/json/')
1733                    .then(function (res) { return res.json(); })
1734                    .then(function (data) { return (data && data.country_code) ? data.country_code : 'gb'; })
1735                    .catch(function () { return 'gb'; });
1736            }
1737            return geoCountryPromise;
1738        }
1739
1740        function initForm(form) {
1741            var phoneInput = form.querySelector('.form2-phone-input');
1742            var errorEl = form.querySelector('.form2-phone-error');
1743            if (!phoneInput || !window.intlTelInput) return;
1744
1745            var iti = window.intlTelInput(phoneInput, {
1746                initialCountry: 'auto',
1747                preferredCountries: ['gb'],
1748                utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/js/utils.js',
1749                geoIpLookup: function (callback) {
1750                    getGeoCountry().then(callback);
1751                }
1752            });
1753
1754            // Replace the library's flag icon with a plain "+<code>" text badge
1755            var flagBtn = form.querySelector('.form2-phone-field .iti__selected-flag');
1756            var arrowEl = flagBtn ? flagBtn.querySelector('.iti__arrow') : null;
1757            var codeBadge = document.createElement('span');
1758            codeBadge.className = 'form2-phone-code-text';
1759            if (flagBtn) flagBtn.insertBefore(codeBadge, arrowEl || null);
1760
1761            function updateCodeBadge() {
1762                var data = iti.getSelectedCountryData();
1763                codeBadge.textContent = (data && data.dialCode) ? ('+' + data.dialCode) : '';
1764            }
1765            updateCodeBadge();
1766            phoneInput.addEventListener('countrychange', updateCodeBadge);
1767
1768            phoneInput.addEventListener('input', function () {
1769                if (errorEl) errorEl.style.display = 'none';
1770            });
1771
1772            form.addEventListener('submit', function (e) {
1773                if (!iti.isValidNumber()) {
1774                    e.preventDefault();
1775                    if (errorEl) errorEl.style.display = 'block';
1776                    phoneInput.focus();
1777                    return;
1778                }
1779                phoneInput.value = iti.getNumber();
1780            });
1781        }
1782
1783        function initAll() {
1784            document.querySelectorAll('.form2-cta-form').forEach(initForm);
1785        }
1786
1787        if (document.readyState === 'loading') {
1788            document.addEventListener('DOMContentLoaded', initAll);
1789        } else {
1790            initAll();
1791        }
1792    })();
1793</script>
1793            </div>
1794        </div>
1795    </div>
1796</section>
1797<footer class="footer">
1798    <div class="container">
1799        <!-- Logo and About Section -->
1800        <div class="footer-section">
1801            <div class="footer-logo">
1802                <img src="./images/lbp_logo.webp" alt="Logo" />
1803            </div>
1804            <p class="footer-text1">
1805                London Book Publisher is the final stop at becoming a renowned
1806                author at astonishingly affordable prices. With years of experience
1807                and a portfolio of multiple published books we provide quality
1808                services in the UK.
1809            </p>
1810            <div className="icons">
1811                <a href="https://www.facebook.com/londonbookpublisherofficial" target="_blank"
1812                    rel="noopener noreferrer">
1813                    <i class="fa-brands fa-facebook"></i>
1814                </a>
1815                <a href="https://www.instagram.com/london_book_publisher_" target="_blank" rel="noopener noreferrer">
1816                    <i class="fa-brands fa-instagram"></i>
1817                </a>
1818                <a href="https://x.com/LondonbookP" target="_blank" rel="noopener noreferrer">
1819                    <i class="fa-brands fa-twitter"></i>
1820                </a>
1821                <a href="https://www.linkedin.com/company/london-book-publisher/" target="_blank"
1822                    rel="noopener noreferrer">
1823                    <i class="fa-brands fa-linkedin"></i>
1824                </a>
1825                <a href="https://www.tiktok.com/@londonbookpublishers" target="_blank" rel="noopener noreferrer">
1826                    <i class="fa-brands fa-tiktok"></i>
1827                </a>
1828                <a href="https://www.pinterest.com/londonbookpublisher/" target="_blank" rel="noopener noreferrer">
1829                    <i class="fa-brands fa-pinterest"></i>
1830                </a>
1831                <a href="https://wa.me/447949286647" target="_blank" rel="noopener noreferrer">
1832                    <i class="fa-brands fa-whatsapp"></i>
1833                </a>
1834            </div>
1835        </div>
1836
1837        <!-- Quick Links -->
1838        <div class="footer-section">
1839            <h5>Quick Links</h5>
1840            <ul class="footer-links">
1841                <li><a href="/">Home</a></li>
1842                <li><a href="our-books">Portfolio</a></li>
1843                <li><a href="contact-us">Contact Us</a></li>
1844                <li><a href="locations">Locations</a></li>
1845                <li><a href="avoid-publishing-scams">Avoid Publishing Scams</a></li>
1846                <li><a href="london-book-fair">London Book Fair</a></li>
1847                <li><a href="blogs">Blogs</a></li>
1848            </ul>
1849        </div>
1850
1851        <!-- Our Services -->
1852        <div class="footer-section">
1853            <h5>Our Services</h5>
1854            <ul class="footer-links">
1855                <li><a href="book-publishing-services">Book Publishing</a></li>
1856                <li><a href="amazon-book-publishing-services">Amazon Book Publishing</a></li>
1857                <li><a href="childrens-book-services">Children's Book</a></li>
1858                <li><a href="book-marketing-services">Book Marketing</a></li>
1859                <li><a href="ghostwriting-services">Ghostwriting</a></li>
1860                <li><a href="book-illustration-services">Book Illustration</a></li>
1861            </ul>
1862        </div>
1863
1864        <!-- Contact Information -->
1865        <div class="footer-section">
1866            <h5>Contact Us</h5>
1867            <p class="footer-text">
1868                 <strong>Mailing Address:</strong> 
1869                <a href="https://maps.app.goo.gl/27R3bVW1vSagDoJx7" target="_blank">
1870                    105, Pentax House, S Hill Ave, South Harrow, London HA2 0DU, UK                </a>
1871            </p>
1872            <p class="footer-text">
1873                <strong>Phone Number:</strong>
1874                <a href="tel:+442046156000">+44 20 4615 6000</a>, <a href="tel:+442030984500">+44 20 3098 4500</a>
1875            </p>
1876            <p class="footer-text">
1877                <strong>Whatsapp:</strong>
1878                <a href="https://wa.me/447949286647" target="_blank">
1879                    +44 7949 286647                </a>
1880            </p>
1881            <p class="footer-text">
1882                <strong>Email Address:</strong>
1883                <a href="mailto:[email protected]">[email protected]</a>
1884            </p>
1885        </div>
1886    </div>
1887    <div class="footer-bottom">
1888        <p>All rights reserved. © 2026 London Book Publisher | <a href="https://find-and-update.company-information.service.gov.uk/company/14565496" style="text-decoration:underline;color:#ffffff;" target="_blank">Company No 14565496</a></p>
1889        <ul class="footer-links-1">
1890            <li><a href="terms-and-conditions">Terms &amp; Conditions</a></li>
1891            <li><a href="privacy-policy">Privacy Policy</a></li>
1892        </ul>
1893    </div>
1894</footer>
1895<!-- Modal -->
1896<style>
1897    #staticBackdrop .hero-right {
1898        position: relative;
1899    }
1900
1901    #staticBackdrop .popup-close-btn {
1902        position: absolute;
1903        top: 12px;
1904        right: 12px;
1905        z-index: 10;
1906        width: 30px;
1907        height: 30px;
1908        display: flex;
1909        align-items: center;
1910        justify-content: center;
1911        border: none;
1912        border-radius: 50%;
1913        background-color: rgba(255, 255, 255, .15);
1914        color: #fff;
1915        font-size: 18px;
1916        line-height: 1;
1917        cursor: pointer;
1918        transition: background-color .15s ease-in-out, transform .15s ease-in-out;
1919    }
1920
1921    #staticBackdrop .popup-close-btn:hover {
1922        background-color: #20b2aa;
1923        transform: scale(1.08);
1924    }
1925</style>
1926<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
1927    aria-labelledby="staticBackdropLabel" aria-hidden="true">
1928    <div class="modal-dialog">
1929        <div class="modal-content border-0 bg-transparent">
1930            <div class="modal-body align-items-center align-self-center">
1931                <div class="hero-right">
1932                    <button type="button" class="popup-close-btn" data-dismiss="modal" aria-label="Close">
1933                        <span aria-hidden="true">&times;</span>
1934                    </button>
1935                    <p class="form-heading">
1936                        Fill In Your Details And Avail A Discount NOW!
1937                    </p>
1938                    
1939<style>
1940    /* Bootstrap 4.5's input recipe (padding/radius/focus-ring), recoloured for the dark popup */
1941    #staticBackdrop .hero-right {
1942        max-height: 92vh;
1943        overflow-y: auto;
1944        overflow-x: hidden;
1945    }
1946
1947    #staticBackdrop .modal-dialog {
1948        margin-top: 1rem;
1949        margin-bottom: 1rem;
1950    }
1951
1952    /* Card polish: gradient depth + a soft accent glow (background layers auto-clip to the
1953       rounded corners, so this needs no overflow:hidden that would also clip the phone
1954       country dropdown) */
1955    .hero-right {
1956        background-image:
1957            radial-gradient(circle at top right, rgba(32, 178, 170, .35), transparent 55%),
1958            linear-gradient(160deg, #12524f 0%, #0d4646 45%, #0a3b39 100%);
1959        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);
1960    }
1961
1962    .form-heading {
1963        position: relative;
1964        padding-bottom: 16px;
1965        letter-spacing: .2px;
1966    }
1967
1968    .form-heading::after {
1969        content: "";
1970        position: absolute;
1971        bottom: 0;
1972        left: 50%;
1973        transform: translateX(-50%);
1974        width: 56px;
1975        height: 3px;
1976        border-radius: 3px;
1977        background: linear-gradient(90deg, #20b2aa, #8fe3dd);
1978    }
1979
1980    .form2-mb-3 {
1981        margin-bottom: 14px;
1982    }
1983
1984    .form2-field-icon {
1985        position: relative;
1986    }
1987
1988    .form2-input-icon {
1989        position: absolute;
1990        left: 14px;
1991        top: 38%;
1992        transform: translateY(-50%);
1993        color: rgba(255, 255, 255, .5);
1994        font-size: 13px;
1995        pointer-events: none;
1996        transition: color .15s ease-in-out;
1997    }
1998
1999    .form2-field-icon-top .form2-input-icon {
2000        top: 15px;
2001        transform: none;
2002    }
2003
2004    .form2-field-icon:focus-within .form2-input-icon {
2005        color: #20b2aa;
2006    }
2007
2008    .form2-field-icon .form2-form-control {
2009        padding-left: 36px;
2010    }
2011
2012    .form2-form-control {
2013        background-color: rgba(255, 255, 255, .07);
2014        color: #fff;
2015        width: 100%;
2016        padding: .55rem .9rem;
2017        border-radius: .375rem;
2018        border: 1px solid rgba(255, 255, 255, .35);
2019        font-size: 15px;
2020        margin-bottom: 0;
2021        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
2022    }
2023
2024    .form2-form-control::placeholder {
2025        color: rgba(255, 255, 255, .65);
2026    }
2027
2028    .form2-form-control:focus {
2029        outline: none;
2030        background-color: rgba(255, 255, 255, .12);
2031        border-color: #20b2aa;
2032        box-shadow: 0 0 0 .2rem rgba(32, 178, 170, .35);
2033    }
2034
2035    .form2-phone-field .iti {
2036        width: 100%;
2037        display: block;
2038    }
2039
2040    .form2-phone-input {
2041        padding-left: 68px !important;
2042    }
2043
2044    .iti__flag-container {
2045        background: rgba(255, 255, 255, .1);
2046        border-right: 1px solid rgba(255, 255, 255, .35);
2047        border-radius: .375rem 0 0 .375rem;
2048    }
2049
2050    /* Hide the flag image on the collapsed input — show the numeric dial code instead */
2051    .iti__selected-flag {
2052        min-width: 60px;
2053        padding: 0 6px 0 10px;
2054    }
2055
2056    .iti__selected-flag .iti__flag {
2057        display: none;
2058    }
2059
2060    /* Country dropdown list, restyled to match the dark card instead of the plugin's default white popup */
2061    .iti__country-list {
2062        background: #0d4646;
2063        border: 1px solid rgba(255, 255, 255, .2);
2064        border-radius: .375rem;
2065        box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
2066        margin-top: 4px;
2067        padding: 4px 0;
2068    }
2069
2070    .iti__country {
2071        display: flex;
2072        align-items: center;
2073        padding: 8px 12px;
2074        color: #fff;
2075        font-size: 14px;
2076    }
2077
2078    .iti__flag-box {
2079        display: none;
2080    }
2081
2082    .iti__country-name,
2083    .iti__dial-code {
2084        color: rgba(255, 255, 255, .85);
2085    }
2086
2087    .iti__country.iti__highlight {
2088        background-color: rgba(32, 178, 170, .25);
2089    }
2090
2091    .iti__divider {
2092        border-bottom: 1px solid rgba(255, 255, 255, .15);
2093        padding-bottom: 5px;
2094        margin-bottom: 5px;
2095    }
2096
2097    .iti__country-list::-webkit-scrollbar {
2098        width: 8px;
2099    }
2100
2101    .iti__country-list::-webkit-scrollbar-track {
2102        background: transparent;
2103    }
2104
2105    .iti__country-list::-webkit-scrollbar-thumb {
2106        background-color: rgba(255, 255, 255, .25);
2107        border-radius: 4px;
2108    }
2109
2110    .form2-phone-code-text {
2111        color: #fff;
2112        font-size: 15px;
2113        font-weight: 600;
2114        white-space: nowrap;
2115    }
2116
2117    .form2-phone-error {
2118        display: none;
2119        color: #ffb3b3;
2120        font-size: 13px;
2121        margin: 6px 0 0;
2122    }
2123
2124    .form2-btn-primary {
2125        display: inline-flex;
2126        align-items: center;
2127        justify-content: center;
2128        gap: 8px;
2129        transition: background-color .15s ease-in-out, transform .1s ease-in-out;
2130    }
2131
2132    .form2-btn-primary i {
2133        transition: transform .15s ease-in-out;
2134    }
2135
2136    .form2-btn-primary:hover {
2137        background-color: #1a9a93;
2138    }
2139
2140    .form2-btn-primary:hover i {
2141        transform: translateX(4px);
2142    }
2143
2144    .form2-btn-primary:active {
2145        transform: scale(.99);
2146    }
2147
2148    .form2-trust-note {
2149        margin: 10px 0 0;
2150        text-align: center;
2151        font-size: 12px;
2152        color: rgba(255, 255, 255, .6);
2153    }
2154
2155    .form2-trust-note i {
2156        margin-right: 5px;
2157        color: #20b2aa;
2158    }
2159</style>
2160
2161<div class="form2-container">
2162    <form class="form2-cta-form" action="inc/mailer" method="POST">
2163        <div class="form2-mb-3 form2-field-icon">
2164            <i class="fas fa-user form2-input-icon"></i>
2165            <input type="text" id="name" name="form_username" class="form2-form-control" placeholder="Name" autocomplete="name" required />
2166        </div>
2167
2168        <div class="form2-mb-3 form2-field-icon">
2169            <i class="fas fa-envelope form2-input-icon"></i>
2170            <input type="email" id="email" name="form_email" class="form2-form-control" placeholder="Email" autocomplete="email" required />
2171        </div>
2172
2173        <!-- Phone field: country code is auto-detected from the visitor's location (user can still change it) -->
2174        <div class="form2-mb-3 form2-phone-field">
2175            <input
2176                type="tel"
2177                name="form_phone"
2178                class="form2-form-control form2-phone-input"
2179                placeholder="Phone Number"
2180                autocomplete="tel-national"
2181                required />
2182            <div class="form2-phone-error">Please enter a valid phone number.</div>
2183        </div>
2184
2185        <div class="form2-mb-3 form2-field-icon form2-field-icon-top">
2186            <i class="fas fa-pen-to-square form2-input-icon"></i>
2187            <textarea id="description" name="form_description" class="form2-form-control" rows="3"
2188                placeholder="Project Description" required></textarea>
2189        </div>
2190
2191                <input type="hidden" name="page_url" value="https://londonbookpublisher.co.uk/services">
2192
2193        
2194        <button type="submit" class="form2-btn form2-btn-primary">
2195            LET'S GET STARTED <i class="fas fa-arrow-right"></i>
2196        </button>
2197        <p class="form2-trust-note"><i class="fas fa-lock"></i>Your details are 100% safe &amp; confidential</p>
2198    </form>
2199</div>
2200
2201<script>
2202    (function () {
2203        if (window.__lbpPhoneFormInit) return;
2204        window.__lbpPhoneFormInit = true;
2205
2206        var geoCountryPromise = null;
2207        function getGeoCountry() {
2208            if (!geoCountryPromise) {
2209                geoCountryPromise = fetch('https://ipapi.co/json/')
2210                    .then(function (res) { return res.json(); })
2211                    .then(function (data) { return (data && data.country_code) ? data.country_code : 'gb'; })
2212                    .catch(function () { return 'gb'; });
2213            }
2214            return geoCountryPromise;
2215        }
2216
2217        function initForm(form) {
2218            var phoneInput = form.querySelector('.form2-phone-input');
2219            var errorEl = form.querySelector('.form2-phone-error');
2220            if (!phoneInput || !window.intlTelInput) return;
2221
2222            var iti = window.intlTelInput(phoneInput, {
2223                initialCountry: 'auto',
2224                preferredCountries: ['gb'],
2225                utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/19.5.7/js/utils.js',
2226                geoIpLookup: function (callback) {
2227                    getGeoCountry().then(callback);
2228                }
2229            });
2230
2231            // Replace the library's flag icon with a plain "+<code>" text badge
2232            var flagBtn = form.querySelector('.form2-phone-field .iti__selected-flag');
2233            var arrowEl = flagBtn ? flagBtn.querySelector('.iti__arrow') : null;
2234            var codeBadge = document.createElement('span');
2235            codeBadge.className = 'form2-phone-code-text';
2236            if (flagBtn) flagBtn.insertBefore(codeBadge, arrowEl || null);
2237
2238            function updateCodeBadge() {
2239                var data = iti.getSelectedCountryData();
2240                codeBadge.textContent = (data && data.dialCode) ? ('+' + data.dialCode) : '';
2241            }
2242            updateCodeBadge();
2243            phoneInput.addEventListener('countrychange', updateCodeBadge);
2244
2245            phoneInput.addEventListener('input', function () {
2246                if (errorEl) errorEl.style.display = 'none';
2247            });
2248
2249            form.addEventListener('submit', function (e) {
2250                if (!iti.isValidNumber()) {
2251                    e.preventDefault();
2252                    if (errorEl) errorEl.style.display = 'block';
2253                    phoneInput.focus();
2254                    return;
2255                }
2256                phoneInput.value = iti.getNumber();
2257            });
2258        }
2259
2260        function initAll() {
2261            document.querySelectorAll('.form2-cta-form').forEach(initForm);
2262        }
2263
2264        if (document.readyState === 'loading') {
2265            document.addEventListener('DOMContentLoaded', initAll);
2266        } else {
2267            initAll();
2268        }
2269    })();
2270</script>
2270                </div>
2271            </div>
2272        </div>
2273    </div>
2274</div>
2275<div class="sidebar">
2276    <div class="sidebar-item call-button"><span class="liveChatBtn icon" onclick="openChat()">
2277            <a href="javascript:;">
2278                <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round"
2279                    stroke-linejoin="round" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
2280                    <path d="M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10"></path>
2281                    <path d="M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2"></path>
2282                </svg>
2283            </a>
2284        </span></div>
2285    <div class="sidebar-item call-button "><span class="icon">
2286            <a href="tel:+44 020 4615 6000"><svg stroke="currentColor" fill="currentColor" stroke-width="0"
2287                    viewBox="0 0 24 24" height="28" width="28" xmlns="http://www.w3.org/2000/svg">
2288                    <path fill="none" d="M0 0h24v24H0z"></path>
2289                    <path
2290                        d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 0 0-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z">
2291                    </path>
2292                </svg></a></span></div>
2293    <div class="sidebar-item get-started open-popup-btn" data-toggle="modal" data-target="#staticBackdrop"><span
2294            class="rotated-text">LET'S GET STARTED</span></div>
2295</div>
2296
2297<!-- ===================== TAWK CHAT ===================== -->
2298<script type="text/javascript">
2299    var Tawk_API = Tawk_API || {};
2300    var Tawk_LoadStart = new Date();
2301
2302    (function() {
2303        var s1 = document.createElement("script"),
2304            s0 = document.getElementsByTagName("script")[0];
2305
2306        s1.async = true;
2307        s1.src = "https://embed.tawk.to/69d4ce079990da1c3c406a04/1jljk9jct";
2308        s1.charset = "UTF-8";
2309        s1.setAttribute("crossorigin", "*");
2310
2311        s0.parentNode.insertBefore(s1, s0);
2312    })();
2313
2314    function openChat() {
2315        if (typeof Tawk_API !== "undefined") {
2316            Tawk_API.maximize();
2317        }
2318    }
2319</script>
2319
2320<!-- ===================== GLOBAL SCRIPTS ===================== -->
2321<script src="assets/js/main.js" defer></script>
vendor: 2 bytes, line 2321
2321
2322<script src="assets/js/script.js" defer></script>
vendor: 2 bytes, line 2322
2322
2323<script src="assets/js/counter.js" defer></script>
vendor: 2 bytes, line 2323
2323
2324<script src="assets/js/servicetabs.js" defer></script>
2324
2325
2326<!-- jQuery (only if required) -->
2327<script src="https://code.jquery.com/jquery-3.5.1.min.js" defer></script>
2327
2328
2329<!-- Bootstrap -->
2330<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" defer></script>
2330
2331
2332<!-- Swiper -->
2333<script src="https://unpkg.com/swiper/swiper-bundle.min.js" defer></script>
2333
2334
2335<!-- ===================== LAZY LOAD reCAPTCHA ===================== -->
2336<script>
2337    let recaptchaLoaded = false;
2338
2339    function loadRecaptcha() {
2340        if (recaptchaLoaded) return;
2341        recaptchaLoaded = true;
2342
2343        const script = document.createElement("script");
2344        script.src = "https://www.google.com/recaptcha/api.js";
2345        script.async = true;
2346        document.body.appendChild(script);
2347    }
2348
2349    document.addEventListener("DOMContentLoaded", function() {
2350        document.querySelectorAll("form").forEach(form => {
2351            form.addEventListener("focusin", loadRecaptcha, {
2352                once: true
2353            });
2354        });
2355    });
2356</script>
2356
2357
2358<!-- ===================== CAROUSEL AUTOPLAY ===================== -->
2359<script>
2360    window.addEventListener("load", function() {
2361        const track = document.querySelector(".carousel-track");
2362        if (!track || !track.children.length) return;
2363
2364        let position = 0;
2365
2366        // clone items once
2367        const items = [...track.children];
2368        items.forEach(item => track.appendChild(item.cloneNode(true)));
2369
2370        function moveCarousel() {
2371            const item = track.querySelector(".logo-image");
2372            if (!item) return;
2373
2374            const itemWidth = item.offsetWidth + 30;
2375            position += itemWidth;
2376
2377            if (position >= track.scrollWidth / 2) {
2378                position = 0;
2379            }
2380
2381            track.style.transform = `translateX(-${position}px)`;
2382        }
2383
2384        setInterval(moveCarousel, 3000);
2385    });
2386</script>
2386
2387
2388<!-- ===================== SWIPER INIT (SAFE + SINGLE LOAD) ===================== -->
2389<script>
2390    window.addEventListener("load", function() {
2391
2392        if (typeof Swiper === "undefined") return;
2393
2394        const init = (selector, config) => {
2395            const el = document.querySelector(selector);
2396            if (el) new Swiper(selector, config);
2397        };
2398
2399        // HERO
2400        init(".mySwiper", {
2401            loop: true,
2402            autoplay: {
2403                delay: 3000,
2404                disableOnInteraction: false
2405            },
2406            spaceBetween: 30,
2407            breakpoints: {
2408                320: {
2409                    slidesPerView: 1
2410                },
2411                480: {
2412                    slidesPerView: 2
2413                },
2414                768: {
2415                    slidesPerView: 3
2416                },
2417                1024: {
2418                    slidesPerView: 4
2419                },
2420                1440: {
2421                    slidesPerView: 5
2422                }
2423            }
2424        });
2425
2426        // BOOK
2427        init(".book-swiper", {
2428            wrapperClass: "book-swiper-wrapper",
2429            slideClass: "book-swiper-slide",
2430            centeredSlides: true,
2431            loop: true,
2432            spaceBetween: 30,
2433            speed: 3000,
2434            autoplay: {
2435                delay: 0,
2436                disableOnInteraction: false
2437            },
2438            breakpoints: {
2439                1200: {
2440                    slidesPerView: 7
2441                },
2442                992: {
2443                    slidesPerView: 6
2444                },
2445                768: {
2446                    slidesPerView: 3
2447                },
2448                576: {
2449                    slidesPerView: 1
2450                }
2451            }
2452        });
2453
2454        // SERVICE SLIDER
2455        init(".main-slider-service", {
2456            loop: true,
2457            autoplay: {
2458                delay: 3000,
2459                disableOnInteraction: false
2460            },
2461            pagination: {
2462                el: ".swiper-pagination",
2463                clickable: true
2464            },
2465            breakpoints: {
2466                1200: {
2467                    slidesPerView: 4
2468                },
2469                992: {
2470                    slidesPerView: 3
2471                },
2472                768: {
2473                    slidesPerView: 2
2474                },
2475                576: {
2476                    slidesPerView: 1
2477                }
2478            }
2479        });
2480
2481        // VIDEO
2482        init(".video-slider-london", {
2483            loop: true,
2484            autoplay: {
2485                delay: 2000,
2486                disableOnInteraction: false
2487            },
2488            pagination: {
2489                el: ".swiper-pagination",
2490                clickable: true
2491            },
2492            breakpoints: {
2493                320: {
2494                    slidesPerView: 1
2495                },
2496                768: {
2497                    slidesPerView: 2
2498                },
2499                992: {
2500                    slidesPerView: 3
2501                },
2502                1200: {
2503                    slidesPerView: 4
2504                }
2505            }
2506        });
2507
2508        // TRUST LOGOS
2509        init(".trust-logos", {
2510            loop: true,
2511            autoplay: {
2512                delay: 3000,
2513                disableOnInteraction: false
2514            },
2515            pagination: {
2516                el: ".swiper-pagination",
2517                clickable: true
2518            },
2519            breakpoints: {
2520                1200: {
2521                    slidesPerView: 6
2522                },
2523                768: {
2524                    slidesPerView: 2
2525                },
2526                576: {
2527                    slidesPerView: 2
2528                }
2529            }
2530        });
2531
2532    });
2533    window.addEventListener("load", function() {
2534        if (typeof Swiper === "undefined") return;
2535
2536        const testimonialEl = document.querySelector(".home-testimonial-swiper");
2537        if (!testimonialEl || testimonialEl.swiper) return;
2538
2539        const testimonialSection = testimonialEl.closest(".home-testimonials");
2540        if (!testimonialSection) return;
2541
2542        new Swiper(testimonialEl, {
2543            loop: true,
2544            spaceBetween: 20,
2545            speed: 700,
2546            autoplay: {
2547                delay: 4500,
2548                disableOnInteraction: false,
2549                pauseOnMouseEnter: true
2550            },
2551            pagination: {
2552                el: testimonialSection.querySelector(".home-testimonial-pagination"),
2553                clickable: true
2554            },
2555            navigation: {
2556                nextEl: testimonialSection.querySelector(".home-testimonial-next"),
2557                prevEl: testimonialSection.querySelector(".home-testimonial-prev")
2558            },
2559            breakpoints: {
2560                0: {
2561                    slidesPerView: 1
2562                },
2563                768: {
2564                    slidesPerView: 2
2565                },
2566                1024: {
2567                    slidesPerView: 3
2568                }
2569            }
2570        });
2571    });
2572</script>
2572
2573
2574<!-- ===================== OFFCANVAS MENU ===================== -->
2575<script>
2576    // Toggle first-level "Our Services"
2577    document.querySelectorAll('.dropdown > .offcanvas-icon').forEach(function(icon) {
2578        icon.addEventListener('click', function(e) {
2579            e.stopPropagation();
2580            const dropdownMenu = this.parentElement.querySelector('.offcanvas-dropdown-menu');
2581
2582            // Close all dropdowns inside the "Our Services" section before opening the clicked one
2583            const allDropdowns = document.querySelectorAll('.offcanvas-dropdown-menu');
2584            allDropdowns.forEach(function(menu) {
2585                if (menu !== dropdownMenu) {
2586                    menu.style.display = 'none';
2587                }
2588            });
2589
2590            // Toggle the current dropdown
2591            dropdownMenu.style.display = dropdownMenu.style.display === 'block' ? 'none' : 'block';
2592        });
2593    });
2594
2595    // Toggle second-level like "Book Publishing"
2596    document.querySelectorAll('.dropdown-submenu > .offcanvas-icon').forEach(function(icon) {
2597        icon.addEventListener('click', function(e) {
2598            e.stopPropagation();
2599            const subMenu = this.parentElement.querySelector('.offcanvas-sub-dropdown-menu');
2600
2601            // Close all submenus inside the clicked submenu before opening the clicked one
2602            const allSubmenus = document.querySelectorAll('.offcanvas-sub-dropdown-menu');
2603            allSubmenus.forEach(function(menu) {
2604                if (menu !== subMenu) {
2605                    menu.style.display = 'none';
2606                }
2607            });
2608
2609            // Toggle the current submenu
2610            subMenu.style.display = subMenu.style.display === 'block' ? 'none' : 'block';
2611        });
2612    });
2613
2614    // Toggle menu for the offcanvas navbar
2615    function toggleMenu() {
2616        const offcanvasNavbar = document.getElementById("offcanvasNavbar");
2617        offcanvasNavbar.classList.toggle("open");
2618    }
2619</script>
2619
2620
2621<!-- ===================== ANALYTICS LOADER (CLEAN) ===================== -->
2622<script>
2623    window.addEventListener("load", function() {
2624
2625        // Google Ads (gtag)
2626        setTimeout(() => {
2627            const gtagScript = document.createElement("script");
2628            gtagScript.src = "https://www.googletagmanager.com/gtag/js?id=AW-16792731703";
2629            gtagScript.async = true;
2630            document.body.appendChild(gtagScript);
2631
2632            window.dataLayer = window.dataLayer || [];
2633            window.gtag = function() {
2634                dataLayer.push(arguments);
2635            };
2636
2637            gtag("js", new Date());
2638            gtag("config", "AW-16792731703");
2639        }, 2000);
2640
2641        // GTM
2642        setTimeout(() => {
2643            const gtm = document.createElement("script");
2644            gtm.src = "https://www.googletagmanager.com/gtm.js?id=GTM-P5JT875Q";
2645            gtm.async = true;
2646            document.body.appendChild(gtm);
2647        }, 2500);
2648
2649        // Clarity
2650        setTimeout(() => {
2651            const cl = document.createElement("script");
2652            cl.src = "https://www.clarity.ms/tag/sc88v9kkze";
2653            cl.async = true;
2654            document.body.appendChild(cl);
2655        }, 2500);
2656
2657        // Facebook Pixel (ONLY ONCE - FIXED)
2658        setTimeout(() => {
2659            !(function(f, b, e, v, n, t, s) {
2660                if (f.fbq) return;
2661                n = f.fbq = function() {
2662                    n.callMethod ?
2663                        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
2664                };
2665                if (!f._fbq) f._fbq = n;
2666                n.push = n;
2667                n.loaded = true;
2668                n.version = "2.0";
2669                n.queue = [];
2670
2671                t = b.createElement(e);
2672                t.async = true;
2673                t.src = v;
2674                s = b.getElementsByTagName(e)[0];
2675                s.parentNode.insertBefore(t, s);
2676
2677            })(window, document, "script",
2678                "https://connect.facebook.net/en_US/fbevents.js");
2679
2680            fbq("init", "2157475911406185");
2681            fbq("track", "PageView");
2682
2683        }, 3000);
2684
2685    });
2686</script>
2686
2687</body>
2688
2689</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.