1<!DOCTYPE html> 2<html lang="en"> 3<head> 4
4<script> 5 // Define dataLayer and the gtag function. 6 window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 9 gtag('consent', 'default', { 10 'ad_storage': 'denied', 11 'analytics_storage': 'denied' 12 }); 13 window['disableYaCounter92496375'] = true; 14 // Default ad_storage to 'denied'. 15 16 </script>
16 17 <!-- Google Tag Manager --> 18
18<script>
vendor: 379 bytes, lines 18-22
18(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 19 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 20 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 21 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 22 })(window,document,'script','dataLayer','
22GTM-KJFKDJL
vendor: 9 bytes, lines 22-23
22'); 23
23</script>
23 24 25
25<script> 26 function consentGranted(ad, analytics) { 27 gtag('consent', 'update', { 28 'ad_storage': ad ? 'granted' : 'denied', 29 'analytics_storage': analytics ? 'granted' : 'denied', 30 }); 31 if(analytics){ 32 window['disableYaCounter92496375'] = false; 33 var ee = setInterval(function () { 34 if (typeof window.ym != 'undefined') { 35 ym(92496375,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0}) 36 clearInterval(ee); 37 } 38 }, 500); 39 } 40 } 41 </script>
41 42 <!-- End Google Tag Manager --> 43 <meta charset="UTF-8"> 44 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 45 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 46 <meta name="format-detection" content="telephone=no"> 47 <meta name="theme-color" content="#1c1a22" media="(prefers-color-scheme: light)"> 48 <meta name="theme-color" content="#1c1a22" media="(prefers-color-scheme: dark)"> 49 <meta name="facebook-domain-verification" content="litf66fpdxrj764labxrd1gcqw03n7"> 50 <meta property="og:type" content="website"> 51 <meta property="og:url" content="https://miks-soft.com/"> 52 53 54 <meta property="twitter:card" content="summary_large_image"> 55 <meta property="twitter:url" content="https://miks-soft.com/"> 56 <meta property="og:image" content="/storage/opengraphimages/2023/02/20/b8b0753134afa3eba157fcb4777d6160a5e981a3.png"> 57 <meta property="twitter:image" content="/storage/opengraphimages/2023/02/20/b8b0753134afa3eba157fcb4777d6160a5e981a3.png"> 58 59 60 <title>Case Study: News And Community Platform | Miks Soft</title> 61 <meta property="og:title" content="Case Study: News And Community Platform | Miks Soft"> 62 <meta property="twitter:title" content="Case Study: News And Community Platform | Miks Soft"> 63 64 <link rel="canonical" href="https://miks-soft.com/portfolio/web/bloomsberry-publishing-community-news-platform"> 65 66 <link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-touch-icon.png"> 67 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon.ico"> 68 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon.ico"> 69 <link rel="manifest" href="/assets/site.webmanifest"> 70 <meta name="msapplication-TileColor" content="#da532c"> 71 <meta name="theme-color" content="#ffffff"> 72 73 <link rel="preconnect" href="https://fonts.googleapis.com"> 74 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 75 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Libre+Caslon+Display&display=swap" rel="stylesheet"> 76 <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 77 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css"> 78 79
79<script type="application/ld+json"> 80 { 81 "@context": "https://schema.org", 82 "@type": "Organization", 83 "name": "Miks Soft", 84 "alternateName": "miks-soft.com", 85 "url": "https://miks-soft.com", 86 "logo": "https://miks-soft.com/assets/images/logo.svg", 87 "address": { 88 "@type": "PostalAddress", 89 "addressLocality": "Harju maakond, Tallinn,", 90 "postalCode": "11316", 91 "streetAddress": "Kristiine linnaosa, A. H. Tammsaare tee 47" 92 }, 93 "email": "[email protected]", 94 "telephone": "+3726347351", 95 "sameAs": [ 96 ] 97 } 98 </script>
98 99
99<script type="application/ld+json"> 100 { 101 "@context": "https://schema.org", 102 "@type": "BreadcrumbList", 103 "itemListElement": 104 [ 105 { 106 "@type": "ListItem", 107 "position": 1, 108 "item": 109 { 110 "@id": "https://miks-soft.com", 111 "name": "Home" 112 } 113 }, 114 { 115 "@type": "ListItem", 116 "position": 2, 117 "item": 118 { 119 "@id": "https://miks-soft.com/portfolio", 120 "name": "Portfolio" 121 } 122 }, 123 { 124 "@type": "ListItem", 125 "position": 3, 126 "item": 127 { 128 "name": "Bloomsberry Publishing Community News Platform" 129 } 130 } 131 ] 132 } 133</script>
133 134 135 <link rel="preload" as="style" href="https://miks-soft.com/build/assets/app-d75935f0.css" ><link rel="modulepreload" href="https://miks-soft.com/build/assets/index-a43e5003.js" ><link rel="stylesheet" href="https://miks-soft.com/build/assets/app-d75935f0.css" >
135<script type="module" src="https://miks-soft.com/build/assets/index-a43e5003.js"></script>
135 136 137 138
138<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.min.js"></script>
138 139 140 <style> 141 @media (max-width: 576px) { 142 .tags-tech__list { 143 gap: 1rem 1.6rem; 144 } 145 146 .tags-tech__list-item:not(:last-child):after { 147 right: -0.8rem; 148 } 149 150 .advantages__grid { 151 width: calc(100% + 3.2rem); 152 margin-left: -1.6rem; 153 } 154 155 .advantages__content { 156 padding-left: 1.6rem; 157 } 158 } 159 </style> 160</head> 161<body> 162 <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 162-163
162 163 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
163GTM-KJFKDJL
vendor: 111 bytes, lines 163-165
163" 164 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 165
165<!-- End Google Tag Manager (noscript) --> 166 <header class="header js-header"> 167 <a class="skip-link" href="#main">Skip to content</a> 168 <div class="container header__container"> 169 <div class="header__inner"> 170 <div class="header__start"> 171 <a href="https://miks-soft.com" class="logo header__logo"> 172 <span class="visually-hidden">Miks Soft Home</span> 173 <img class="logo--top" src="https://miks-soft.com/assets/images/logo.svg" alt=""> 174 <img class="logo--bottom" src="https://miks-soft.com/assets/images/logo.svg" alt=""> 175 </a> 176 </div> 177 <div class="header__end offset-x"> 178 <nav class="menu header__menu" aria-label="Main"> 179 <ul class="header__list offset-x"> 180 <li class="header__item 181 " 182 > 183 <a 184 href="https://miks-soft.com" 185 class="btn header__link" 186 > 187 <span class="btn__text 188 "> 189 EXPERTISE 190 </span> 191 </a> 192 </li> 193 <li class="header__item 194 " 195 > 196 <a 197 href="https://miks-soft.com/services" 198 class="btn header__link" 199 > 200 <span class="btn__text 201 "> 202 Services 203 </span> 204 </a> 205 </li> 206 <li class="header__item 207 " 208 > 209 <a 210 href="https://miks-soft.com/portfolio" 211 class="btn header__link" 212 > 213 <span class="btn__text 214 "> 215 Portfolio 216 </span> 217 </a> 218 </li> 219 <li class="header__item 220 " 221 > 222 <a 223 href="https://miks-soft.com/partners" 224 class="btn header__link" 225 > 226 <span class="btn__text 227 "> 228 Partnership 229 </span> 230 </a> 231 </li> 232 </ul> 233 </nav> 234 235 <button 236 class="btn btn--primary header__discuss-link js-modal-btn" 237 > 238 <svg 239 class="icon btn__icon " 240 > 241 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#btn-figure"></use> 242</svg> 243 <span class="btn__text 244 "> 245 Discuss your project 246 </span> 247 </button> 248 </div> 249 250 <div class="burger"> 251 <div class="burger__inner"> 252 <button
253 class="burger__btn" 254 aria-label="Toggle menu" 255 aria-controls="burger_menu" 256 aria-expanded="false" 257 > 258 <svg 259 class="icon burger__icon burger__icon--menu" 260 aria-hidden="true" 261 > 262 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#menu"></use> 263</svg> 264 265 <svg 266 class="icon burger__icon burger__icon--close" 267 aria-hidden="true" 268 > 269 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#close"></use> 270</svg> 271 </button> 272 </div> 273</div> 274 </div> 275 276 <div id="burger_menu" class="burger-menu"> 277 <div class="burger-menu__content"> 278 <button 279 class="btn btn--primary burger-menu__btn js-modal-btn" 280 > 281 <svg 282 class="icon btn__icon " 283 > 284 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#btn-figure"></use> 285</svg> 286 <span class="btn__text 287 288 "> 289 Discuss your project 290 </span> 291 </button> 292 <ul class="burger-menu__list offset-y"> 293 <li class="burger-menu__item"> 294 <a 295 href="https://miks-soft.com" 296 class="btn burger-menu__link" 297 > 298 <span class="btn__text 299 300 "> 301 EXPERTISE 302 </span> 303 </a> 304 </li> 305 <li class="burger-menu__item"> 306 <a 307 href="https://miks-soft.com/services" 308 class="btn burger-menu__link" 309 > 310 <span class="btn__text 311 312 "> 313 Services 314 </span> 315 </a> 316 </li> 317 <li class="burger-menu__item"> 318 <a 319 href="https://miks-soft.com/portfolio" 320 class="btn burger-menu__link" 321 > 322 <span class="btn__text 323 324 "> 325 Portfolio 326 </span> 327 </a> 328 </li> 329 <li class="burger-menu__item"> 330 <a 331 href="https://miks-soft.com/partners" 332 class="btn burger-menu__link" 333 > 334 <span class="btn__text 335 336 "> 337 Partnership 338 </span> 339 </a> 340 </li> 341 </ul> 342 343 <p class="burger-menu__text"> 344 345 </p> 346 347 <ul class="burger-menu__help-links offset-y"> 348 <li class="burger-menu__help-item"> 349 <a 350 href="tel:+3726347351" 351 class="btn burger-menu__help-link" 352 > 353 <span class="btn__text 354 355 "> 356 +372 6347 351 357 </span> 358 </a> 359 </li> 360 <li class="burger-menu__help-item"> 361 <a 362 href="mailto:[email protected]" 363 class="btn burger-menu__help-link" 364 > 365 <span class="btn__text 366 367 "> 368 [email protected] 369 </span> 370 </a> 371 </li> 372 </ul> 373 </div> 374</div> 375 </div> 376</header> 377 <main id="main" class="main"> 378 <div class="case main__section"> 379 <div class="container"> 380 <div class="promo case__section"> 381 <div class="case__item promo__content"> 382 <h1 383 class="title promo__title" 384 data-sal="slide-up" 385 data-sal-duration="800" 386 > 387Bloomsberry Publishing Community News Platform 388</h1> 389 390 <ul data-sal="slide-up" data-sal-duration="1000" data-sal-
390delay="1000" class="tags promo__tags"> 391 <li 392 class="tag tag--white" 393 > 394 WEBSITES 395</li> 396 </ul> 397 398 <p class="promo__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 399 Writers & Artists is an authoritative resource that unites representatives of the publishing industry into a single community: writers, editors, agents & publicists 400 </p> 401 </div> 402 <div class="case__item promo__img" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 403 <picture> 404 <source 405 type="image/avif" 406 srcset="https://miks-soft.com/assets/images/pixel.avif" 407 data-srcset="/storage/cases/2023/01/27/068e195c56be58114e1c54b517fd5a919ac64166.avif" 408 > 409 <source 410 type="image/webp" 411 srcset="https://miks-soft.com/assets/images/pixel.webp" 412 data-srcset="/storage/cases/2023/01/27/068e195c56be58114e1c54b517fd5a919ac64166.webp" 413 414 > 415 <img 416 class="img lazy" 417 src="https://miks-soft.com/assets/images/pixel.png" 418 data-src="/storage/cases/2023/01/27/068e195c56be58114e1c54b517fd5a919ac64166.png" 419 420 alt="Our projects" 421 > 422 </picture> 423 </div> 424 </div> 425 426 <section class="business-needs case__section"> 427 <div class="business-needs__item case__item"> 428 <h2 429 class="title case__title" 430 data-sal="slide-up" 431 data-sal-duration="800" 432 data-sal-delay="200" 433 > 434Business needs 435</h2> 436 </div> 437 <div class="business-needs__item case__item"> 438 <p class="case__text business-needs__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 439 We were approached by a client representing the international publishing house, Bloomsbury PLC, to assist in the redevelopment of the Writers & Artists website. The site was to be, not only the digital version of the Writers & Artists Yearbook, but also a complete eco-system for representatives of the literary community. Through it, users could; find expert advice articles, listen or watch interviews with authors, partake in writing competitions, join a lively & engaged community of those with similar interests, and perhaps even buy an editing service, to help them with the stage of the writing journey they may be on. 440 </p> 441 442 <ul data-sal="slide-up" data-sal-duration="1000" data-sal-delay="1000" class="tags "> 443 <li 444 class="tag tag--normal" 445 > 446 Design 447</li> 448 <li 449 class="tag tag--normal" 450 > 451 Front-end 452</li> 453 <li 454 class="tag tag--normal" 455 > 456 Back-end 457</li> 458 <li 459 class="tag tag--normal" 460 > 461 Support 462</li> 463 </ul> 464 </div> 465 </section> 466 467 <section class="tech-stack case__section"> 468 <div class="case__item"> 469 <h2 470 class="title case__title" 471 data-sal="slide-up" 472 data-sal-duration="800" 473 data-sal-delay="200" 474 > 475Technology stack 476</h2> 477 478 <ul data-sal="slide-up" data-sal-duration="1000" data-sal-delay="1000" class="tags "> 479 <li 480 class="tag tag--normal" 481 > 482 HTML5 483</li> 484 <li 485 class="tag tag--normal" 486 > 487 jQuery 488</li> 489 <li 490 class="tag tag--normal" 491 > 492 Drupal 8 493</li> 494 <li 495 class="tag tag--normal" 496 > 497 Node.js 498</li> 499 <li 500 class="tag tag--normal" 501 > 502 Solr 503</li> 504 <li 505 class="tag tag--normal" 506 > 507 MySQL 508</li> 509 <li 510 class="tag tag--normal" 511 > 512 Git 513</li> 514 </ul> 515 </div> 516 <div class="case__item"> 517 </div> 518 </section> 519 520 <section class="analysis-suggestion case__section"> 521 <div class="case__item"> 522 <h2 523 class="title case__title" 524 data-sal="slide-up"
525 data-sal-duration="800" 526 data-sal-delay="200" 527 > 528Analysis and suggestion 529</h2> 530 </div> 531 <div class="case__item"> 532 <p class="case__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 533 After an in-depth analysis of the business requirements, we decided that the core technology would be based on the Drupal CMS, with a series of customised modules, developed to support specific parts of the required functionality. This approach allowed us to be more efficient in some areas of the project, which in turn allowed us more time to focus on the more complex functionality. Resultantly, we could deliver all the required functionality to a highly customised level & standard, which we continue to support and maintain to this day. 534 </p> 535 </div> 536 </section> 537 538 <section class="functionality-design"> 539 <h2 540 class="title case__title functionality-design__title" 541 data-sal="slide-up" 542 data-sal-duration="800" 543 data-sal-delay="200" 544 > 545Functionality & design 546</h2> 547 548 <div class="functionality-design__inner"> 549 <div class="functionality-design__subinner"> 550 <div class="functionality-design__item functionality-design__item--text"> 551 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 552 The site was developed to service a community based on a specific interest, in this case literary, artistic and creative arts. Through declared special interests and related subscriptions, the site served, or made available, content specific to the userâs interests. 553 </p> 554 555 </div> 556 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 557 <picture> 558 <source 559 type="image/avif" 560 srcset="https://miks-soft.com/assets/images/pixel.avif" 561 data-srcset="/storage/cases/2023/01/27/bb91907434c5b1bda28dfbf46c5e2246ce1a6ee2.avif" 562 > 563 <source 564 type="image/webp" 565 srcset="https://miks-soft.com/assets/images/pixel.webp" 566 data-srcset="/storage/cases/2023/01/27/bb91907434c5b1bda28dfbf46c5e2246ce1a6ee2.webp" 567 568 > 569 <img 570 class="img lazy functionality-design__img" 571 src="https://miks-soft.com/assets/images/pixel.png" 572 data-src="/storage/cases/2023/01/27/bb91907434c5b1bda28dfbf46c5e2246ce1a6ee2.png" 573 574 alt="Image" 575 > 576 </picture> 577 578 </div> 579 </div> 580 <div class="functionality-design__subinner"> 581 <div class="functionality-design__item functionality-design__item--text"> 582 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
582duration='800' data-sal-delay='200'> 583 Different content can be accessed based on subscription level. Much of the site is free to access, but some core information such as company listings (for Literary Agents, Publishers and Marketers) requires the user to pay for a subscription to access. 584 </p> 585 586 </div> 587 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 588 <picture> 589 <source 590 type="image/avif" 591 srcset="https://miks-soft.com/assets/images/pixel.avif" 592 data-srcset="/storage/cases/2023/01/27/49e8ee565162f039798c9e96ee9f75a33b47720e.avif" 593 > 594 <source 595 type="image/webp" 596 srcset="https://miks-soft.com/assets/images/pixel.webp" 597 data-srcset="/storage/cases/2023/01/27/49e8ee565162f039798c9e96ee9f75a33b47720e.webp" 598 599 > 600 <img 601 class="img lazy functionality-design__img" 602 src="https://miks-soft.com/assets/images/pixel.png" 603 data-src="/storage/cases/2023/01/27/49e8ee565162f039798c9e96ee9f75a33b47720e.png" 604 605 alt="Image" 606 > 607 </picture> 608 609 </div> 610 </div> 611 <div class="functionality-design__subinner"> 612 <div class="functionality-design__item functionality-design__item--text"> 613 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 614 Users have the option to create a personal account on the site. In doing so they can interact with forums, contribute to discussions, receive feedback on their shared works and connect with like-minded creatives or groups with interests similar to themselves. 615 </p> 616 617 </div> 618 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 619 <picture> 620 <source 621 type="image/avif" 622 srcset="https://miks-soft.com/assets/images/pixel.avif" 623 data-srcset="/storage/cases/2023/01/27/9a5ae99bc93726cbdb9e78886914602c243eb069.avif" 624 > 625 <source 626 type="image/webp" 627 srcset="https://miks-soft.com/assets/images/pixel.webp" 628 data-srcset="/storage/cases/2023/01/27/9a5ae99bc93726cbdb9e78886914602c243eb069.webp" 629 630 > 631 <img 632 class="img lazy functionality-design__img" 633 src="https://miks-soft.com/assets/images/pixel.png" 634 data-src="/storage/cases/2023/01/27/9a5ae99bc93726cbdb9e78886914602c243eb069.png" 635 636 alt="Image" 637 > 638 </picture> 639 640 </div> 641 </div> 642 <div class="functionality-design__subinner"> 643 <div class="functionality-design__item functionality-design__item--text"> 644 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
644duration='800' data-sal-delay='200'> 645 A Writerâs tool is words and information. As such the site contains a lot of rich content in many different formats to provide the user a wealth of insight into the writing process. Accordingly, we developed the technology to support elements such as: articles, blogs, videos, discussion threads, a glossary of relevant terms as well as multiple user-generated content channels. With so much content available, one of our main tasks was discoverability and implementing a UI that would assist the user navigate all of the available content and quickly find information pertinent to them. The logical UI and clear signposting was assisted further with the implementation of an advanced search functionality on the site. 646 </p> 647 648 </div> 649 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 650 <picture> 651 <source 652 type="image/avif" 653 srcset="https://miks-soft.com/assets/images/pixel.avif" 654 data-srcset="/storage/cases/2023/01/27/7dcf22b96cedafc856b18713a6595ec957fee5d3.avif" 655 > 656 <source 657 type="image/webp" 658 srcset="https://miks-soft.com/assets/images/pixel.webp" 659 data-srcset="/storage/cases/2023/01/27/7dcf22b96cedafc856b18713a6595ec957fee5d3.webp" 660 661 > 662 <img 663 class="img lazy functionality-design__img" 664 src="https://miks-soft.com/assets/images/pixel.png" 665 data-src="/storage/cases/2023/01/27/7dcf22b96cedafc856b18713a6595ec957fee5d3.png" 666 667 alt="Image" 668 > 669 </picture> 670 671 </div> 672 </div> 673 <div class="functionality-design__subinner"> 674 <div class="functionality-design__item functionality-design__item--text"> 675 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 676 In addition, the user can purchase âEditorial Servicesâ through the site. These are personal training modules where the user can share their writings with editors and agents from within the industry. We developed custom modules for these services which covered the whole process, from payment & purchase, through document sharing and chat functionality, to completion and final document creation â all of this is achieved within the specific workflows we created for each service type. 677 </p> 678 679 </div> 680 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 681 <picture> 682 <source 683 type="image/avif" 684 srcset="https://miks-soft.com/assets/images/pixel.avif" 685 data-srcset="/storage/cases/2023/01/27/631bce86314ed3a0e45036f0fe92da2d0dab8e6c.avif" 686 > 687 <source 688 type="image/webp" 689 srcset="https://miks-soft.com/assets/images/pixel.webp" 690 data-srcset="/storage/cases/2023/01/27/631bce86314ed3a0e45036f0fe92da2d0dab8e6c.webp" 691 692 > 693 <img 694 class="img lazy functionality-design__img" 695 src="https://miks-soft.com/assets/images/pixel.png" 696 data-src="/storage/cases/2023/01/27/631bce86314ed3a0e45036f0fe92da2d0dab8e6c.png" 697 698 alt="Image" 699 > 700 </picture> 701 702 </div> 703 </div> 704 <div class="functionality-design__subinner"> 705 <div class="functionality-design__item functionality-design__item--text"> 706 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
706duration='800' data-sal-delay='200'> 707 In order to encourage engagement and contribution on the site, we also created a âRewards Pointsâ functionality, whereby users are rewarded for engagement through the provision of reward points that, cumulatively, unlocked specific discounts on books, services and other products sold on the platform. 708 </p> 709 710 </div> 711 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 712 713 <div class="functionality-design__slider"> 714 <div class="swiper js-case"> 715 <div class="swiper-wrapper"> 716 <div class="swiper-slide"> 717 <picture> 718 <source 719 type="image/avif" 720 srcset="/storage/cases/2023/01/27/bd4b257690deaf247dd416abc6595436d9d1bb59.avif" 721 722 > 723 <source 724 type="image/webp" 725 srcset="/storage/cases/2023/01/27/bd4b257690deaf247dd416abc6595436d9d1bb59.webp" 726 > 727 <img 728 class="img" 729 src="/storage/cases/2023/01/27/bd4b257690deaf247dd416abc6595436d9d1bb59.png" 730 731 alt="Slide image 1" 732 > 733 </picture> 734 </div> 735 <div class="swiper-slide"> 736 <picture> 737 <source 738 type="image/avif" 739 srcset="/storage/cases/2023/01/27/e8f0749c62a8017fa11625d491a1caa8d27c7046.avif" 740 741 > 742 <source 743 type="image/webp" 744 srcset="/storage/cases/2023/01/27/e8f0749c62a8017fa11625d491a1caa8d27c7046.webp" 745 > 746 <img 747 class="img" 748 src="/storage/cases/2023/01/27/e8f0749c62a8017fa11625d491a1caa8d27c7046.png" 749 750 alt="Slide image 2" 751 > 752 </picture> 753 </div> 754 <div class="swiper-slide"> 755 <picture> 756 <source 757 type="image/avif" 758 srcset="/storage/cases/2023/01/27/30c184a07309e875008142a37808e309b8e7a6ee.avif" 759 760 > 761 <source 762 type="image/webp" 763 srcset="/storage/cases/2023/01/27/30c184a07309e875008142a37808e309b8e7a6ee.webp" 764 > 765 <img 766 class="img" 767 src="/storage/cases/2023/01/27/30c184a07309e875008142a37808e309b8e7a6ee.png" 768 769 alt="Slide image 3" 770 > 771 </picture> 772 </div> 773 </div> 774 <div class="functionality-design__slider-wrap"> 775 <div class="swiper-button-prev"> 776 <svg 777 class="icon" 778 > 779 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-left"></use> 780</svg> 781 </div> 782 <div class="swiper-pagination"></div> 783 <div class="swiper-button-next"> 784 <svg 785 class="icon" 786 > 787 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-right"></use> 788</svg> 789 </div> 790 </div> 791 </div> 792 </div> 793 </div> 794 </div> 795 <div class="functionality-design__subinner"> 796 <div class="functionality-design__item functionality-design__item--text"> 797 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
797duration='800' data-sal-delay='200'> 798 With such an interactive site, with such an engaged community active on it, we felt that communication needed to be as instant as one would expect from a social media channel. Consequently, we implemented a CometChat integration to manage messaging. This core module supports both peer-to-peer and peer-to-group messaging in real-time. Public groups can be joined by a user, or the user can set up or be invited to a private group, but all groups employ this chat functionality, resulting in immediate and highly secure communication. 799 </p> 800 801 </div> 802 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 803 <picture> 804 <source 805 type="image/avif" 806 srcset="https://miks-soft.com/assets/images/pixel.avif" 807 data-srcset="/storage/cases/2023/01/27/15431aba0dabf620bfa3883797cbd03c82507662.avif" 808 > 809 <source 810 type="image/webp" 811 srcset="https://miks-soft.com/assets/images/pixel.webp" 812 data-srcset="/storage/cases/2023/01/27/15431aba0dabf620bfa3883797cbd03c82507662.webp" 813 814 > 815 <img 816 class="img lazy functionality-design__img" 817 src="https://miks-soft.com/assets/images/pixel.png" 818 data-src="/storage/cases/2023/01/27/15431aba0dabf620bfa3883797cbd03c82507662.png" 819 820 alt="Image" 821 > 822 </picture> 823 824 </div> 825 </div> 826 <div class="functionality-design__subinner"> 827 <div class="functionality-design__item functionality-design__item--text"> 828 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 829 In addition to the online interaction, the Writers & Artists team also provide many in-person events across the UK & Ireland. We therefore developed the functionality to allow a user to search for events near to, and relevant to, them. Upon finding an event, they can book a place and pay for their ticket and, upon doing so, are immediately added to a group on the platform to make connection and get updates prior to the event taking place. 830 </p> 831 832 </div> 833 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 834 <picture> 835 <source 836 type="image/avif" 837 srcset="https://miks-soft.com/assets/images/pixel.avif" 838 data-srcset="/storage/cases/2023/01/27/f412ce56ff66ef198fe6617a86e93479b961ad30.avif" 839 > 840 <source 841 type="image/webp" 842 srcset="https://miks-soft.com/assets/images/pixel.webp" 843 data-srcset="/storage/cases/2023/01/27/f412ce56ff66ef198fe6617a86e93479b961ad30.webp" 844 845 > 846 <img 847 class="img lazy functionality-design__img" 848 src="https://miks-soft.com/assets/images/pixel.png" 849 data-src="/storage/cases/2023/01/27/f412ce56ff66ef198fe6617a86e93479b961ad30.png" 850 851 alt="Image" 852 > 853 </picture> 854 855 </div> 856 </div> 857 <div class="functionality-design__subinner"> 858 <div class="functionality-design__item functionality-design__item--text"> 859 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
859duration='800' data-sal-delay='200'> 860 In order to help users remember content that is suitable for them, we developed the functionality to bookmark content. This allows users to quickly go back to content they have found without having to search the site for it again. In addition, users can add notes to any content type, thus increasing the personalisation of the experience and adding value accordingly. 861 </p> 862 863 </div> 864 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 865 866 <div class="functionality-design__slider"> 867 <div class="swiper js-case"> 868 <div class="swiper-wrapper"> 869 <div class="swiper-slide"> 870 <picture> 871 <source 872 type="image/avif" 873 srcset="/storage/cases/2023/01/27/66895ff23756234121c79ed57b885ef11ec797fd.avif" 874 875 > 876 <source 877 type="image/webp" 878 srcset="/storage/cases/2023/01/27/66895ff23756234121c79ed57b885ef11ec797fd.webp" 879 > 880 <img 881 class="img" 882 src="/storage/cases/2023/01/27/66895ff23756234121c79ed57b885ef11ec797fd.png" 883 884 alt="Slide image 1" 885 > 886 </picture> 887 </div> 888 <div class="swiper-slide"> 889 <picture> 890 <source 891 type="image/avif" 892 srcset="/storage/cases/2023/01/27/2d33655bc6495755ad903477218f6c3b3959864c.avif" 893 894 > 895 <source 896 type="image/webp" 897 srcset="/storage/cases/2023/01/27/2d33655bc6495755ad903477218f6c3b3959864c.webp" 898 > 899 <img 900 class="img" 901 src="/storage/cases/2023/01/27/2d33655bc6495755ad903477218f6c3b3959864c.png" 902 903 alt="Slide image 2" 904 > 905 </picture> 906 </div> 907 </div> 908 <div class="functionality-design__slider-wrap"> 909 <div class="swiper-button-prev"> 910 <svg 911 class="icon" 912 > 913 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-left"></use> 914</svg> 915 </div> 916 <div class="swiper-pagination"></div> 917 <div class="swiper-button-next"> 918 <svg 919 class="icon" 920 > 921 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-right"></use> 922</svg> 923 </div> 924 </div> 925 </div> 926 </div> 927 </div> 928 </div> 929 <div class="functionality-design__subinner"> 930 <div class="functionality-design__item functionality-design__item--text"> 931 <p class="case__text functionality-design__text" data-sal='slide-up' data-sal-
931duration='800' data-sal-delay='200'> 932 Finally, we developed significant administrative functionality. The team at Writers & Artists can import/export content, view statistics on site usage, report on financial performance, manage content and mail the user base directly, in a number of ways, thus increasing understanding of user behaviour and managing the community as effectively as possible. 933 </p> 934 935 </div> 936 <div class="functionality-design__item functionality-design__item--graphic" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 937 938 <div class="functionality-design__slider"> 939 <div class="swiper js-case"> 940 <div class="swiper-wrapper"> 941 <div class="swiper-slide"> 942 <picture> 943 <source 944 type="image/avif" 945 srcset="/storage/cases/2023/01/27/ff96149129fd35c9022a78b76f4592e204b5173f.avif" 946 947 > 948 <source 949 type="image/webp" 950 srcset="/storage/cases/2023/01/27/ff96149129fd35c9022a78b76f4592e204b5173f.webp" 951 > 952 <img 953 class="img" 954 src="/storage/cases/2023/01/27/ff96149129fd35c9022a78b76f4592e204b5173f.png" 955 956 alt="Slide image 1" 957 > 958 </picture> 959 </div> 960 <div class="swiper-slide"> 961 <picture> 962 <source 963 type="image/avif" 964 srcset="/storage/cases/2023/01/27/409e5e15fb1eaeab49338019e0c481b7c04b51e7.avif" 965 966 > 967 <source 968 type="image/webp" 969 srcset="/storage/cases/2023/01/27/409e5e15fb1eaeab49338019e0c481b7c04b51e7.webp" 970 > 971 <img 972 class="img" 973 src="/storage/cases/2023/01/27/409e5e15fb1eaeab49338019e0c481b7c04b51e7.png" 974 975 alt="Slide image 2" 976 > 977 </picture> 978 </div> 979 </div> 980 <div class="functionality-design__slider-wrap"> 981 <div class="swiper-button-prev"> 982 <svg 983 class="icon" 984 > 985 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-left"></use> 986</svg> 987 </div> 988 <div class="swiper-pagination"></div> 989 <div class="swiper-button-next"> 990 <svg 991 class="icon" 992 > 993 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#arrow-slider-right"></use> 994</svg> 995 </div> 996 </div> 997 </div> 998 </div> 999 </div> 1000 </div> 1001 </div> 1002 </section> 1003 1004 <section class="resume case__section"> 1005 <div class="resume__item resume__item-content"> 1006 <h2 1007 class="title case__title" 1008 data-sal="slide-up"
1009 data-sal-duration="800" 1010 data-sal-delay="200" 1011 > 1012In summary 1013</h2> 1014 1015 <p class="case__text resume__text" data-sal='slide-up' data-sal-duration='800' data-sal-delay='200'> 1016 As a result, we created a modern, engaging and state-of-the-art web resource for this niche and growing market. Our team was engaged in all areas of the project, from design and UI, through the development cycle, on to test and release, and we continue to support the site to this day. Through the development of functionality to support significant content volumes, multiple user roles & subscriptions, personalised accounts, e-commerce & reward points processes, forums and real-time chat tools, we delivered a high-end solution applicable to those wishing to build a platform to service a community with a specific interest. 1017 </p> 1018 </div> 1019 </section> 1020 1021 <section class="project-work case__section"> 1022 <div class="project-work__item"> 1023 <h2 1024 class="title case__title" 1025 data-sal="slide-up" 1026 data-sal-duration="800" 1027 data-sal-delay="200" 1028 > 1029At project work 1030</h2> 1031 <ul data-sal="slide-up" data-sal-duration="1000" data-sal-delay="1000" class="tags project-work__tags"> 1032 <li 1033 class="tag tag--normal" 1034 > 1035 UI Designer 1036</li> 1037 <li 1038 class="tag tag--normal" 1039 > 1040 Front-end developer 1041</li> 1042 <li 1043 class="tag tag--normal" 1044 > 1045 Back-end developer 1046</li> 1047 <li 1048 class="tag tag--normal" 1049 > 1050 DevOps Engineer 1051</li> 1052 <li 1053 class="tag tag--normal" 1054 > 1055 Project manager 1056</li> 1057 <li 1058 class="tag tag--normal" 1059 > 1060 QA Engineer 1061</li> 1062 </ul> 1063 </div> 1064 </section> 1065 </div> 1066</div> 1067 1068 <aside class="callback-aside "> 1069 <div class="container"> 1070 <div class="title title--h2 callback-aside__title" data-sal="slide-up" data-sal-duration="800"> 1071 Lets discuss your project 1072 </div> 1073 1074 <p data-sal="slide-up" data-sal-duration="800" data-sal-delay="200" class="callback-aside__text" style=""> 1075 Fill out the form below and we`ll get back to you shortly. 1076 </p> 1077 1078 <form class="form js-form" action="/" novalidate> 1079 <div class="form__content"> 1080 <div class="input-block form-group form__item form__item--mb"> 1081 <input 1082 class="input input-block__input" 1083 id="input_name_id" 1084 type="text" 1085 placeholder="Name" 1086 name="name" 1087 required 1088 data-pristine-required-message="Field is incorrect" 1089 > 1090 <label class="input-block__label" for="input_name_id"> 1091 Name<span>*</span> 1092 </label> 1093 </div> 1094 <div class="input-block form-group form__item form__item--mb"> 1095 <input 1096 class="input input-block__input" 1097 id="input_company_id" 1098 type="text" 1099 placeholder="Company" 1100 name="company" 1101 required 1102 data-pristine-required-message="Field is incorrect" 1103 > 1104 <label class="input-block__label" for="input_company_id"> 1105 Company<span>*</span> 1106 </label> 1107 </div> 1108 <div class="input-block form-group form__item form__item--mb"> 1109 <input 1110 class="input input-block__input" 1111 id="input_email_id" 1112 type="email" 1113 placeholder="Email" 1114 name="email" 1115 required 1116 data-pristine-required-message="Field is incorrect" 1117 data-pristine-email-message="Enter a valid email. Example: [email protected]" 1118 > 1119 <label class="input-block__label" for="input_email_id"> 1120 Email<span>*</span> 1121 </label> 1122 </div> 1123 <div class="input-block form-group form__item form__item--mb"> 1124 <input 1125 class="input input-block__input" 1126 id="input_phone_id" 1127 type="tel" 1128 placeholder="Phone number" 1129 name="" 1130 required 1131 data-pristine-required-message="Field is incorrect" 1132 data-pristine-phone-validator="Entry only numbers (from 0 to 9)" 1133 > 1134 <input type="hidden" name="phone" > 1135 <label class="input-block__label" for="input_phone_id"> 1136 Phone number<span>*</span> 1137 </label> 1138 </div> 1139 <div class="input-block form-group form__item form__item--5"> 1140 <input 1141 class="input input-block__input" 1142 id="input_message_id" 1143 type="text" 1144 placeholder="A few words about your project, preferred contact method, or other details" 1145 name="message" 1146 > 1147 <label class="input-block__label" for="input_message_id"> 1148 A few words about your project, preferred contact method, or other details 1149 </label> 1150 </div> 1151 <div class="input-block form__item--6"> 1152 <div class="input-block__inner"> 1153 <input 1154 class="input input--checkbox" 1155 id="input_checkbox_id" 1156 type="checkbox" 1157 name="is_checked" 1158 required 1159 data-pristine-required-message="Field is required" 1160 checked 1161 > 1162 <label for="input_checkbox_id"> 1163 Yes, I have read and agree to the 1164 <a class="link form__link" href="https://miks-soft.com/privacy-policy">Privacy Policy</a> 1165 </label> 1166 </div> 1167</div> 1168 <button 1169 type="submit" 1170 class="btn btn--primary form__btn js-invalid" 1171 > 1172 <svg 1173 class="icon btn__icon " 1174 > 1175 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#btn-figure"></use> 1176</svg>
1177 <span class="btn__text 1178 1179 "> 1180 Send request 1181 </span> 1182 </button> 1183 <!--<p--> 1184<!-- class="notification form__notification"--> 1185<!-- data-notification-success="Message has been sent. Weâll contact you soon."--> 1186<!-- data-notification-error="Oops! Something went wrong.">--> 1187<!--</p>--> 1188 1189<div class="popup thq-popup thq-popup-success" data-popup="thq"> 1190 <div class="popup-wrapper"> 1191 <div class="popup-content"> 1192 <div class="popup-title-wrapper"> 1193 <h2 class="title thk-title"> 1194 The message has been sent 1195 </h2> 1196 <div class="popup-close button-close"> 1197 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1198 <path d="M16.9999 16.9999L12 12M12 12L7 7M12 12L17 7M12 12L7 17" stroke="#CDCAD5" stroke-linecap="round" stroke-linejoin="round"/> 1199 </svg> 1200 </div> 1201 </div> 1202 <div class="popup-text"> 1203 Thank you for your time, your completed form has been submitted. We will contact you 1204 </div> 1205 </div> 1206 </div> 1207 </div> 1208 <div class="popup thq-popup thq-popup-error" data-popup="thq"> 1209 <div class="popup-wrapper"> 1210 <div class="popup-content"> 1211 <div class="popup-title-wrapper"> 1212 <h2 class="title thk-title"> 1213 Oops! Something went wrong. 1214 </h2> 1215 1216 <div class="popup-close button-close"> 1217 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1218 <path d="M16.9999 16.9999L12 12M12 12L7 7M12 12L17 7M12 12L7 17" stroke="#CDCAD5" stroke-linecap="round" stroke-linejoin="round"></path> 1219 </svg> 1220 </div> 1221 </div> 1222 1223 </div> 1224 </div> 1225 </div> 1226 </div> 1227 <style> 1228 .popup.thq-popup._is-open { 1229 opacity: 1; 1230 z-index: 9999; 1231} 1232 1233.popup.thq-popup { 1234 display: flex; 1235 position: fixed; 1236 top: 0; 1237 left: 0; 1238 width: 100%; 1239 height: 100%; 1240 z-index: -1; 1241 align-items: center; 1242 justify-content: center; 1243 opacity: 0; 1244 transition: all 0.3s; 1245 fill: rgba(77, 77, 77, 0.20); 1246 backdrop-filter: blur(32px); 1247 -webkit-backdrop-filter: blur(32px); 1248 1249 .popup-wrapper { 1250 border-radius: 24px; 1251 background: #1C1A22; 1252 display: flex; 1253 width: 650px; 1254 padding: 40px 32px 48px 32px; 1255 flex-direction: column; 1256 align-items: flex-start; 1257 gap: 12px; 1258 } 1259 1260 .popup-content { 1261 display: flex; 1262 flex-direction: column; 1263 gap: 12px; 1264 width: 100%; 1265 } 1266 1267 .popup-title-wrapper { 1268 display: flex; 1269 align-items: center; 1270 justify-content: space-between; 1271 gap: 10px; 1272 1273 .thk-title { 1274 color: #B19B71; 1275 font-size: 24px; 1276 font-style: normal; 1277 font-weight: 400; 1278 line-height: 140%; 1279 letter-spacing: -0.96px; 1280 text-transform: uppercase; 1281 } 1282 1283 .popup-close { 1284 display: flex; 1285 width: 48px; 1286 height: 48px; 1287 justify-content: center; 1288 align-items: center; 1289 gap: 10px; 1290 border-radius: 50px; 1291 border: 1px solid #797585; 1292 cursor: pointer; 1293 flex-shrink: 0; 1294 } 1295 } 1296 1297 .popup-text { 1298 color: #CDCAD5; 1299 font-size: 14px; 1300 font-style: normal; 1301 font-weight: 400; 1302 line-height: 140%; 1303 letter-spacing: -0.28px; 1304 } 1305} 1306 </style> 1307 </div> 1308 <div class="loader"></div> 1309</form> 1310 </div> 1311</aside> 1312 </main> 1313 <footer class="footer"> 1314 <div class="footer__video"> 1315 <video class="video" src="https://miks-soft.com/assets/footer_video_2.mp4" preload="metadata" autoplay="autoplay" loop muted playsinline></video> 1316 </div> 1317 1318 <div class="footer-container"> 1319 <div class="footer__inner"> 1320 <div class="footer__item footer__item--1">
1321 <p class="footer__copyright"> 1322 <small> 1323 © 2020-2026 Designed and Developed by 1324 </small> 1325 </p> 1326 1327 <a href="https://miks-soft.com" class="logo footer__logo"> 1328 <span class="visually-hidden">Miks Soft Home</span> 1329 <img src="https://miks-soft.com/assets/images/logo.svg" alt=""> 1330 </a> 1331 </div> 1332 1333 <div class="footer-menu-items" style="flex: 4"> 1334 <div class="footer__item footer__list offset-y no-desktop no-mobile"> 1335 <p>Charlottenburger StraÃe 6T 133614169, Berlin, Germany</p> 1337 <address> 1338 <a 1339 href="tel:+493052014175" 1340 class="btn link footer__link" 1341 > 1342 <span class="btn__text 1343 "> 1344 +49 30 52014175 1345 </span> 1346 </a> 1347 </address> 1348 </div> 1349 <div class="footer__item footer__list offset-y no-mobile"> 1350 <p>Lõõtsa 1A 135111415, Tallinn, Estonia</p> 1352 <address> 1353 <a 1354 href="tel:+3726347351" 1355 class="btn link footer__link" 1356 > 1357 <span class="btn__text 1358 "> 1359 +372 6347 351 1360 </span> 1361 </a> 1362 </address> 1363 </div> 1364 1365 <div class="footer__item footer-nav-menu-hidden"> 1366 <nav class="menu footer__menu" aria-label="Footer"> 1367 <ul class="footer__list footer__menu-list offset-y"> 1368 <li class="footer__item"> 1369 <a 1370 href="https://miks-soft.com/partners" 1371 class="btn link footer__link" 1372 > 1373 <span class="btn__text 1374 "> 1375 Partnership 1376 </span> 1377 </a> 1378 </li> 1379 <li class="footer__item"> 1380 <a 1381 href="https://miks-soft.com/privacy-policy" 1382 class="btn link footer__link" 1383 > 1384 <span class="btn__text 1385 "> 1386 Privacy Policy 1387 </span> 1388 </a> 1389 </li> 1390 </ul> 1391 </nav> 1392 </div> 1393 <div class="footer__item footer-nav-menu-hidden"> 1394 <nav class="menu footer__menu" aria-label="Footer"> 1395 <ul class="footer__list footer__menu-list offset-y"> 1396 <li class="footer__item"> 1397 <a 1398 href="https://miks-soft.com/services" 1399 class="btn link footer__link" 1400 > 1401 <span class="btn__text 1402 "> 1403 Services 1404 </span> 1405 </a> 1406 </li> 1407 <li class="footer__item"> 1408 <a 1409 href="https://miks-soft.com/portfolio" 1410 class="btn link footer__link" 1411 > 1412 <span class="btn__text 1413 "> 1414 Portfolio 1415 </span> 1416 </a> 1417 </li> 1418 </ul> 1419 </nav> 1420 </div> 1421 <div class="footer__item footer-nav-menu"> 1422 <nav class="menu footer__menu" aria-label="Footer"> 1423 <ul class="footer__list footer__menu-list offset-y"> 1424 <li class="footer__item"> 1425 <a 1426 href="https://miks-soft.com/partners" 1427 class="btn link footer__link" 1428 >
1429 <span class="btn__text 1430 "> 1431 Partnership 1432 </span> 1433 </a> 1434 </li> 1435 <li class="footer__item"> 1436 <a 1437 href="https://miks-soft.com/privacy-policy" 1438 class="btn link footer__link" 1439 > 1440 <span class="btn__text 1441 "> 1442 Privacy Policy 1443 </span> 1444 </a> 1445 </li> 1446 <li class="footer__item"> 1447 <a 1448 href="https://miks-soft.com/services" 1449 class="btn link footer__link" 1450 > 1451 <span class="btn__text 1452 "> 1453 Services 1454 </span> 1455 </a> 1456 </li> 1457 <li class="footer__item"> 1458 <a 1459 href="https://miks-soft.com/portfolio" 1460 class="btn link footer__link" 1461 > 1462 <span class="btn__text 1463 "> 1464 Portfolio 1465 </span> 1466 </a> 1467 </li> 1468 </ul> 1469 </nav> 1470 </div> 1471 </div> 1472 1473 </div> 1474 </div> 1475</footer> 1476 <div class="callback-aside popup__inner"> 1477 <button class="popup__close"> 1478 <svg 1479 class="icon popup__close-icon" 1480 > 1481 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#close"></use> 1482</svg> 1483 </button> 1484 <div class="title title--h2 callback-aside__title"> 1485 Lets discuss your project 1486 </div> 1487 1488 <p class="callback-aside__text"> 1489 Fill out the form below and we`ll get back to you shortly. 1490 </p> 1491 1492 <form class="form js-form" action="/" novalidate> 1493 <div class="form__content"> 1494 <div class="input-block form-group form__item form__item--mb"> 1495 <input 1496 class="input input-block__input" 1497 id="input_name_id_2" 1498 type="text" 1499 placeholder="Name" 1500 name="name" 1501 required 1502 data-pristine-required-message="Field is incorrect" 1503 > 1504 <label class="input-block__label" for="input_name_id_2"> 1505 Name<span>*</span> 1506 </label> 1507 </div> 1508 <div class="input-block form-group form__item form__item--mb"> 1509 <input 1510 class="input input-block__input" 1511 id="input_company_id_2" 1512 type="text" 1513 placeholder="Company" 1514 name="company" 1515 required 1516 data-pristine-required-message="Field is incorrect" 1517 > 1518 <label class="input-block__label" for="input_company_id_2"> 1519 Company<span>*</span> 1520 </label> 1521 </div> 1522 <div class="input-block form-group form__item form__item--mb"> 1523 <input 1524 class="input input-block__input" 1525 id="input_email_id_2" 1526 type="email" 1527 placeholder="Email" 1528 name="email" 1529 required 1530 data-pristine-required-message="Field is incorrect" 1531 data-pristine-email-message="Enter a valid email. Example: [email protected]" 1532 > 1533 <label class="input-block__label" for="input_email_id_2"> 1534 Email<span>*</span> 1535 </label> 1536 </div> 1537 <div class="input-block form-group form__item form__item--mb"> 1538 <input 1539 class="input input-block__input" 1540 id="input_phone_id_2" 1541 type="tel" 1542 placeholder="Phone number" 1543 name="" 1544 required 1545 data-pristine-required-message="Field is incorrect" 1546 data-pristine-phone-validator="Entry only numbers (from 0 to 9)" 1547 > 1548 <input type="hidden" name="phone" > 1549 <label class="input-block__label" for="input_phone_id_2"> 1550 Phone number<span>*</span> 1551 </label> 1552 </div> 1553 <div class="input-block form-group form__item form__item--5"> 1554 <input 1555 class="input input-block__input" 1556 id="input_message_id_2" 1557 type="text" 1558 placeholder="A few words about your project, preferred contact method, or other details" 1559 name="message" 1560 > 1561 <label class="input-block__label" for="input_message_id_2"> 1562 A few words about your project, preferred contact method, or other details 1563 </label> 1564 </div> 1565 <div class="input-block form__item--6"> 1566 <div class="input-block__inner"> 1567 <input 1568 class="input input--checkbox" 1569 id="input_checkbox_id_2" 1570 type="checkbox" 1571 name="is_checked" 1572 required 1573 data-pristine-required-message="Field is required" 1574 checked 1575 > 1576 <label for="input_checkbox_id_2"> 1577 Yes, I have read and agree to the 1578 <a class="link form__link" href="https://miks-soft.com/privacy-policy">Privacy Policy</a> 1579 </label> 1580 </div> 1581</div> 1582 <button 1583 type="submit" 1584 class="btn btn--primary form__btn js-invalid" 1585 > 1586 <svg 1587 class="icon btn__icon " 1588 > 1589 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#btn-figure"></use> 1590</svg>
1591 <span class="btn__text 1592 "> 1593 Send request 1594 </span> 1595 </button> 1596 <!--<p--> 1597<!-- class="notification form__notification"--> 1598<!-- data-notification-success="Message has been sent. Weâll contact you soon."--> 1599<!-- data-notification-error="Oops! Something went wrong.">--> 1600<!--</p>--> 1601 1602<div class="popup thq-popup thq-popup-success" data-popup="thq"> 1603 <div class="popup-wrapper"> 1604 <div class="popup-content"> 1605 <div class="popup-title-wrapper"> 1606 <h2 class="title thk-title"> 1607 The message has been sent 1608 </h2> 1609 <div class="popup-close button-close"> 1610 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1611 <path d="M16.9999 16.9999L12 12M12 12L7 7M12 12L17 7M12 12L7 17" stroke="#CDCAD5" stroke-linecap="round" stroke-linejoin="round"/> 1612 </svg> 1613 </div> 1614 </div> 1615 <div class="popup-text"> 1616 Thank you for your time, your completed form has been submitted. We will contact you 1617 </div> 1618 </div> 1619 </div> 1620 </div> 1621 <div class="popup thq-popup thq-popup-error" data-popup="thq"> 1622 <div class="popup-wrapper"> 1623 <div class="popup-content"> 1624 <div class="popup-title-wrapper"> 1625 <h2 class="title thk-title"> 1626 Oops! Something went wrong. 1627 </h2> 1628 1629 <div class="popup-close button-close"> 1630 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1631 <path d="M16.9999 16.9999L12 12M12 12L7 7M12 12L17 7M12 12L7 17" stroke="#CDCAD5" stroke-linecap="round" stroke-linejoin="round"></path> 1632 </svg> 1633 </div> 1634 </div> 1635 1636 </div> 1637 </div> 1638 </div> 1639 </div> 1640 <style> 1641 .popup.thq-popup._is-open { 1642 opacity: 1; 1643 z-index: 9999; 1644} 1645 1646.popup.thq-popup { 1647 display: flex; 1648 position: fixed; 1649 top: 0; 1650 left: 0; 1651 width: 100%; 1652 height: 100%; 1653 z-index: -1; 1654 align-items: center; 1655 justify-content: center; 1656 opacity: 0; 1657 transition: all 0.3s; 1658 fill: rgba(77, 77, 77, 0.20); 1659 backdrop-filter: blur(32px); 1660 -webkit-backdrop-filter: blur(32px); 1661 1662 .popup-wrapper { 1663 border-radius: 24px; 1664 background: #1C1A22; 1665 display: flex; 1666 width: 650px; 1667 padding: 40px 32px 48px 32px; 1668 flex-direction: column; 1669 align-items: flex-start; 1670 gap: 12px; 1671 } 1672 1673 .popup-content { 1674 display: flex; 1675 flex-direction: column; 1676 gap: 12px; 1677 width: 100%; 1678 } 1679 1680 .popup-title-wrapper { 1681 display: flex; 1682 align-items: center; 1683 justify-content: space-between; 1684 gap: 10px; 1685 1686 .thk-title { 1687 color: #B19B71; 1688 font-size: 24px; 1689 font-style: normal; 1690 font-weight: 400; 1691 line-height: 140%; 1692 letter-spacing: -0.96px; 1693 text-transform: uppercase; 1694 } 1695 1696 .popup-close { 1697 display: flex; 1698 width: 48px; 1699 height: 48px; 1700 justify-content: center; 1701 align-items: center; 1702 gap: 10px; 1703 border-radius: 50px; 1704 border: 1px solid #797585; 1705 cursor: pointer; 1706 flex-shrink: 0; 1707 } 1708 } 1709 1710 .popup-text { 1711 color: #CDCAD5; 1712 font-size: 14px; 1713 font-style: normal; 1714 font-weight: 400; 1715 line-height: 140%; 1716 letter-spacing: -0.28px; 1717 } 1718} 1719 </style> 1720 </div> 1721 <div class="loader"></div> 1722</form> 1723 1724 1725</div> 1726 1727 <div class="cookie cookie--hidden"> 1728 <p class="cookie__text"> 1729 We use cookies on our website. You can read more in our <a class="cookie__link" href="https://miks-soft.com/privacy-policy">Privacy Policy</a> 1730 </p> 1731 <button 1732 class="btn btn--primary cookie__btn accept" 1733 >
1734 <span class="btn__text 1735 "> 1736 Accept 1737 </span> 1738 </button> 1739 1740 <button 1741 class="btn btn--primary cookie__btn settings " 1742 > 1743 <span class="btn__text 1744 "> 1745 Settings 1746 </span> 1747 </button> 1748</div> 1749<div class="callback-aside popup__inner_cookies"> 1750 <div class="title title--h2 callback-aside__title"> 1751 Cookie Settings 1752 </div> 1753 <p class="callback-aside__text"> 1754 Cookies necessary for the correct operation of the site are always enabled 1755 </p> 1756 1757 <div class="popup__inner_cookies__categories"> 1758 <div class="category"> 1759 <div class="category-header"> 1760 Essential cookies 1761 </div> 1762 <div class="category-toggle"> 1763 <span class="category-toggle-txt">Always allowed</span> 1764 </div> 1765 </div> 1766 <div class="category"> 1767 <div class="category-header"> 1768 Analytics cookies 1769 </div> 1770 <div class="category-toggle"> 1771 <div class="input-block form__item--6"> 1772 <div class="input-block__inner"> 1773 <input 1774 class="input input--checkbox" 1775 id="cookies-analytics" 1776 type="checkbox" 1777 checked 1778 > 1779 <label for="cookies-analytics"> 1780 </label> 1781 </div> 1782 </div> 1783 </div> 1784 </div> 1785 <div class="category"> 1786 <div class="category-header"> 1787 Advertising cookies 1788 </div> 1789 <div class="category-toggle"> 1790 <div class="input-block form__item--6"> 1791 <div class="input-block__inner"> 1792 <input 1793 class="input input--checkbox" 1794 id="cookies-advertising" 1795 type="checkbox" 1796 checked 1797 > 1798 <label for="cookies-advertising"> 1799 </label> 1800 </div> 1801 </div> 1802 </div> 1803 </div> 1804 </div> 1805 1806 <button 1807 class="btn btn--primary btn--cookies-confirm" 1808 > 1809 <span class="btn__text 1810 "> 1811 Confirm 1812 </span> 1813 </button> 1814 <button class="popup__close_cookies"> 1815 <svg 1816 class="icon popup__close-icon" 1817 > 1818 <use xlink:href="https://miks-soft.com/assets/sprites/sprite-mono.svg#close"></use> 1819</svg> 1820 </button> 1821</div> 1822 1823</body> 1824</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.