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()">×</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 & 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 & 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 & 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">×</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 & 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.