PageSourceSearch

https://miks-soft.com/portfolio/web/bloomsberry-publishing-community-news-platform

html miks-soft.com collected 2026-10-06 13:34:59 UTC 85,282 bytes, 1,824 lines download raw bytes

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 &amp; Artists is an authoritative resource that unites representatives of the publishing industry into a single community: writers, editors, agents &amp; 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                            &copy; 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.