PageSourceSearch

https://konkconsulting.com/EN/Products/Letter/

html konkconsulting.com collected 2026-10-06 01:31:37 UTC 66,006 bytes, 1,265 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8" />
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
6<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7    <link rel="icon" sizes="48x48" href="/Content/images/favicon/icon-48.png">
8<link rel="icon" sizes="96x96" href="/Content/images/favicon/icon-96.png">
9<link rel="icon" sizes="144x144" href="/Content/images/favicon/icon-144.png">
10<link rel="icon" sizes="192x192" href="/Content/images/favicon/icon-192.png">
11<link rel="icon" sizes="256x256" href="/Content/images/favicon/icon-256.png">
12<link rel="icon" sizes="384x384" href="/Content/images/favicon/icon-384.png">
13<link rel="icon" sizes="512x512" href="/Content/images/favicon/icon-512.png">
14<link rel="apple-touch-icon" sizes="57x57" href="/Content/images/favicon/apple-touch-icon-57.png">
15<link rel="apple-touch-icon" sizes="60x60" href="/Content/images/favicon/apple-touch-icon-60.png">
16<link rel="apple-touch-icon" sizes="72x72" href="/Content/images/favicon/apple-touch-icon-72.png">
17<link rel="apple-touch-icon" sizes="76x76" href="/Content/images/favicon/apple-touch-icon-76.png">
18<link rel="apple-touch-icon" sizes="114x114" href="/Content/images/favicon/apple-touch-icon-114.png">
19<link rel="apple-touch-icon" sizes="120x120" href="/Content/images/favicon/apple-touch-icon-120.png">
20<link rel="apple-touch-icon" sizes="152x152" href="/Content/images/favicon/apple-touch-icon-152.png">
21<link rel="apple-touch-icon" sizes="167x167" href="/Content/images/favicon/apple-touch-icon-167.png">
22<link rel="apple-touch-icon" sizes="180x180" href="/Content/images/favicon/apple-touch-icon-180.png">
23<link rel="manifest" href="/Content/manifest.json">
24
25
26        <title>konkconsulting</title>
27    <meta name="description" content="Letter is a cloud-based document composition software that enables the standardization of all written documents issued by your company. The management and control of your company’s written communication is guaranteed." />
28    <meta property="og:type" content="website" />
29    <meta property="og:title" content="konkconsulting" />
30    <meta property="og:description" content="Letter is a cloud-based document composition software that enables the standardization of all written documents issued by your company. The management and control of your company’s written communication is guaranteed." />
31    <meta property="og:image" content="http://www.konkconsulting.com/Content/images/social/Social_Letter.jpg" />
32    <meta property="og:image:secure_url" content="https://www.konkconsulting.com/Content/images/social/Social_Letter.jpg" />
33    <meta name="twitter:card" content="summary" />
34    <meta name="twitter:site" content="@konkconsulting" />
35    <meta name="twitter:title" content="konkconsulting" />
36    <meta name="twitter:description" content="Letter is a cloud-based document composition software that enables the standardization of all written documents issued by your company. The management and control of your company’s written communication is guaranteed." />
37    <meta name="twitter:image" content="http://www.konkconsulting.com/Content/images/social/Social_Letter.jpg" />
38    <meta itemprop="datePublished" content="YYYY-10-DD" />
39    <meta itemprop="headline" content="konkconsulting" />
40    <meta itemprop="description" content="Letter is a cloud-based document composition software that enables the standardization of all written documents issued by your company. The management and control of your company’s written communication is guaranteed." />
41    <meta itemprop="image" content="http://www.konkconsulting.com/Content/images/social/Social_Letter.jpg" />
42
43
44
45    <link href='//fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css' />
46<link href='//fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
47<link href='//fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
48<link href='//fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
49
50<link href="/bundles/css?v=t3RXieJG6MrkS3owz5xJHkymGT2Lt81EMLx14lupFCw1" rel="stylesheet"/>
51
52
53<!-- Fix for showing language picker over content in Internet Explorer 9 -->
54<!--[if lte IE 9]>
55    <style type="text/css">
56        .navbar-default {
57            filter: none;
58        }
59    </style>
60    <![endif]-->
61</head>
62<body data-spy="scroll" data-target=".navbar" data-offset="80">
63    
63<script src="/bundles/konk?v=vwfLd1iZt1NweLdhYGQZF2IJ6lnr0lAbxeKuuXmVc8g1"></script>
63
64
65
66<!-- Google analytics -->
67<script>
vendor: 430 bytes, lines 67-75
67
68    (function (i, s, o, g, r, a, m) {
69        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
70            (i[r].q = i[r].q || []).push(arguments)
71        }, i[r].l = 1 * new Date(); a = s.createElement(o),
72        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
73    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
74
75    ga('create', '
75UA-57560083-1
vendor: 44 bytes, lines 75-77
75', 'auto');
76    ga('send', 'pageview');
77
78</script>
78
79    
80<div class="navbar navbar-default ge-banner">
81    <div class="container-fluid" style="max-width: 1320px">
82        <div class="group-logos">
83            <div class="group-logo-left">
84                <a href="https://groupelephant.com" target="_blank" class="link-block w-inline-block w-clearfix"><img src="/Content/images/groupelephant-banner/groupelephant.com-logo-monotone.svg" alt="" class="ge-logo"></a>
85                <p class="a-member-of-ge">a member of groupelephant.com</p>
86            </div>
87            <div class="group-logo-right">
88                <p class="beyond-corporate-purpose">beyond corporate purpose</p>
89                <a href="https://erp.ngo" target="_blank" class="link-block w-inline-block"><img src="/Content/images/groupelephant-banner/erp.ngo-logo-monotone.svg" alt="" class="erp-logo"></a>
90            </div>
91        </div>
92    </div>
93</div>
94    <nav class="navbar yamm navbar-default navbar-fixed-top restrain-width" role="navigation">
95    <div class="container-fluid" style="max-width: 1320px">
96        <div class="navbar-header">
97            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
98                <span class="icon-bar"></span>
99                <span class="icon-bar"></span>
100                <span class="icon-bar"></span>
101            </button>
102            <div class="navbar-toggle collapsed navbar-toggle-lang-picker mobile">
103                <div class="dropdown lang-picker">
104                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
105                        EN <span class="caret"></span>
106                    </a>
107                    <ul class="dropdown-menu" role="menu">
108                        <li class="lang-picker-item">
109                            <div class="available"></div>
110                            <span href="/PT/">PT</span>
111                        </li>
112                        <li class="divider"></li>
113                        <li class="lang-picker-item">
114                            <div class="active"></div>
115                            <span href="/EN/">EN</span>
116                        </li>
117                    </ul>
118                </div>
119            </div>
120            <a class="navbar-brand mobile" href="/EN/">
121                <div class="logo-konk-icon">
122                </div>
123            </a>
124        </div>
125        <div class="navbar-collapse collapse restrain-navbar">
126            <ul class="nav navbar-nav repainted">
127                <!-- repainted class used in JS to prevent first time activation -->
128                <li class="navbar-left browser">
129                    <a class="navbar-brand" href="/EN/">
130                        <div class="logo-konk-icon">
131                        </div>
132                    </a>
133                </li>
134                <li class="navbar-center page-scroll">
135                    <a href="#company" class="headerRedirect" data-newhref="/EN#company">COMPANY</a>
136                </li>
137
138                <li class="navbar-center page-scroll dropdown yamm-fw ">
139                    <a href="#services" class="hidden"></a>
140                    <a href="javascript:void(0)" id="nav-link-servicos" data-toggle="dropdown" role="button" aria-expanded="false">SERVICES</a>
141
142                    <ul class="dropdown-menu navbar-sublevel" role="menu">
143                        <li>
144                            <div class="yamm-content">
145                                <div class="row row-centered">
146                                    <div class="col-sm-2 col-centered col-fixed">
147                                        <a href="/EN/Services/SAPHCM">
148                                            <div class="navbar-icon navbar-sap-hcm-icon">
149                                            </div>
150                                            <span>SAP HCM</span>
151                                        </a>
152                                    </div>
153                                    <div class="col-sm-2 col-centered col-fixed">
154                                        <a href="/EN/Services/SuccessFactors">
155                                            <div class="navbar-icon navbar-successfactors-icon"></div>
156                                            <span>SuccessFactors</span>
157                                        </a>
158                                    </div>
159                                    <div class="col-sm-2 col-centered col-fixed">
160                                        <a href="/EN/Services/SAPHANACloud">
161                                            <div class="navbar-icon navbar-sap-hana-icon"></div>
162                                            <span>SAP HANA<sup>&reg;</sup> Cloud</span>
163                                        </a>
164                                    </div>
165                                    <div class="col-sm-2 col-centered col-fixed">
166                                        <a href="/EN/Services/SAPPortal">
167                                            <div class="navbar-icon navbar-sap-portal-icon"></div>
168                                            <span>SAP PORTAL</span>
169                                        </a>
170                                    </div>
171                                    <div class="col-sm-2 col-centered col-fixed">
172                                        <a href="/EN/Services/BPM">
173                                            <div class="navbar-icon navbar-bpm-icon"></div>
174                                            <span>BPM</span>
175                                        </a>
176                                    </div>
177
178                                    <div class="col-sm-2 col-centered col-fixed">
179                                        <a href="/EN/Services/CustomApps">
180                                            <div class="navbar-icon navbar-custom-apps-icon"></div>
181                                            <span>Custom apps development</span>
182                                        </a>
183                                    </div>
184                                    <div class="col-sm-2 col-centered col-fixed">
185                                        <a href="/EN/Services/MobileApps">
186                                            <div class="navbar-icon navbar-mobile-apps-icon"></div>
187                                            <span>Mobile applications</span>
188                                        </a>
189                                    </div>
190                                    <div class="col-sm-2 col-centered col-fixed">
191                                        <a href="/EN/Services/Integration">
192                                            <div class="navbar-icon navbar-integration-icon"></div>
193                                            <span>System integration</span>
194                                        </a>
195                                    </div>
196                                    <div class="col-sm-2 col-centered col-fixed">
197                                        <a href="/EN/Services/ArtificialIntelligence">
198                                            <div class="navbar-icon navbar-artificial-intelligence-icon"></div>
199                                            <span>Artificial Intelligence</span>
200                                        </a>
201                                    </div>
202                                </div>
203                            </div>
204                        </li>
205                    </ul>
206                </li>
207
208                <li class="navbar-center page-scroll dropdown yamm-fw">
209                    <a href="#products" class="hidden"></a>
210                    <a href="javascript:void(0)" id="nav-link-servicos" data-toggle="dropdown" role="button" aria-expanded="false">PRODUCTS</a>
211
212                    <ul class="dropdown-menu navbar-sublevel" role="menu">
213                        <li>
214                            <div class="yamm-content">
215                                <div class="row row-centered">
216                                    <div class="col-sm-4 col-centered col-fixed">
217                                        <a href="/EN/Products/Letter/">
218                                            <div class="navbar-icon navbar-letter-icon"></div>
219                                            <span>Letter</span>
220                                        </a>
221                                    </div>
222                                    <div class="col-sm-4 col-centered col-fixed">
223                                        <a href="/EN/Products/TrainingPlanner/">
224                                            <div class="navbar-icon navbar-training-planner-icon"></div>
225                                            <span>Training Planner</span>
226                                        </a>
227                                    </div>
228                                </div>
229                            </div>
230                        </li>
231                    </ul>
232                </li>
233
234                <li class="navbar-center">
235                    <a href="#articles" class="hidden"></a>
236                    <a href="/EN/Articles/">ARTICLES</a>
237                </li>
238
239                <li class="navbar-center">
240                    <a href="#career" class="hidden"></a>
241                    <a href="/EN/Career/">CAREER</a>
242                </li>
243
244                <li class="navbar-center last">
245                    <a href="mailto:[email protected]">CONTACT US</a>
246                </li>
247
248                <li class="navbar-right dropdown lang-picker browser navbar-dropdown">
249                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
250                        EN <span class="caret"></span>
251                    </a>
252                    <ul class="dropdown-menu" role="menu">
253                        <li class="lang-picker-item">
254                            <div class="available"></div>
255                            <span href="/PT/">PT</span>
256                        </li>
257                        <li class="divider"></li>
258                        <li class="lang-picker-item">
259                            <div class="active"></div>
260                            <span href="/EN/">EN</span>
261                        </li>
262                    </ul>
263                </li>
264
265                <li class="navbar-right browser">
266                    <a href="https://www.facebook.com/konkconsulting" target="_blank">
267                        <div class="social facebook"></div>
268                    </a>
269                </li>
270
271                <li class="navbar-right browser">
272                    <a href="https://twitter.com/konkconsulting" target="_blank">
273                        <div class="social twitter"></div>
274                    </a>
275                </li>
276
277                <li class="navbar-right browser">
278                    <a href="https://www.linkedin.com/company/konkconsulting" target="_blank">
279                        <div class="social linkedin"></div>>
280                    </a>
281                </li>
282
283                <li class="navbar-right mobile">
284                    <a href="https://www.linkedin.com/company/konkconsulting" target="_blank">
285                        <div class="social linkedin"></div>
286                    </a>
287                    <a href="https://twitter.com/konkconsulting" target="_blank">
288                        <div class="social twitter"></div>
289                    </a>
290                    <a href="https://www.facebook.com/konkconsulting" target="_blank">
291                        <div class="social facebook"></div>
292                    </a>
293                </li>
294            </ul>
295        </div>
296    </div>
297</nav>
298
299    <div class="restrain-width wrapper-body">
300        
301
302
303<div class="section products-section" id="products">
304    <div class="rpbg" data-rpbg-mode="responsive" data-rpbg-image-url="/Content/images/products/letter/bannerProdutos_Letter.jpg" data-rpbg- data-rpbg-full-width="1920" data-rpbg-full-height="400" data-rpbg-visible-height="400" data-rpbg-main-width="700" data-rpbg-main-heigth="400">
305    </div>
306
307    <div class="products-tabs">
308        <ul class="nav nav-tabs" role="tablist">
309            <li role="presentation" class="active">
310                <a href="#whyLetter" aria-controls="whyLetter" role="tab" data-toggle="tab">
311                    <span class="hidden-xs">Why Letter</span>
312                    <span class="hidden-lg hidden-md hidden-sm">Why</span>
313                </a>
314            </li>
315            <li role="presentation">
316                <a href="#howItWorks" aria-controls="howItWorks" role="tab" data-toggle="tab">
317                    <span class="hidden-xs">How it works</span>
318                    <span class="hidden-lg hidden-md hidden-sm">How</span>
319                </a>
320            </li>
321            <li role="presentation">
322                <a href="#integration" aria-controls="integration" role="tab" data-toggle="tab">
323                    <span class="hidden-xs">Integration</span>
324                    <span class="hidden-lg hidden-md hidden-sm">Integration</span>
325                </a>
326            </li>
327            <li role="presentation" class="highlighted">
328                <a href="#requestDemo" aria-controls="requestDemo" role="tab" data-toggle="tab">
329                    <span class="hidden-xs">Request demo</span>
330                    <span class="hidden-lg hidden-md hidden-sm">Demo</span>
331                </a>
332            </li>
333        </ul>
334    </div>
335
336    <div class="tab-content">
337        <div role="tabpanel" class="tab-pane active" id="whyLetter">
338            <section>
339    <h2>
340        Corporate documents under control
341    </h2>
342    <div class="container section-text-l1">
343        <p>
344            Letter is a cloud-based document composition software that enables the standardization of all written documents issued by your company. The management and control of your company’s written communication is guaranteed.
345        </p>
346        <p>
347            What if your company has to generate large quantities of standardized and personalized documents?
348        </p>
349        <p>
350            Letter works like a document factory. It is the ideal solution for organizations that produce a high volume of complex, template based documents on repetitive process: letters, statements, invoices, marketing materials, reports, e-mails, etc.
351        </p>
352        <p>
353            To work like a factory, letter needs data, which is already available in your line-of-business applications. Letter easily integrates with your existing business processes to act as a reliable document generation solution. Whenever your business system has to generate documents, it feeds data into letter’s web services and final documents are produced.
354        </p>
355        <p>
356            All your documents will be standardized in three easy steps: create master, produce template and generate documents.
357        </p>
358    </div>
359    <div class="text-center">
360        <a class="btn btn-large btn-default tab-redirect" href="javascript:void(0)" data-tab-id="howItWorks">How it works</a>
361    </div>
362</section>
363
364<section class="container">
365    <h2>
366        Key features and benefits
367    </h2>
368    <div class="container-fluid products-container">
369        <div class="row row-centered">
370            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
371                <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
372                    <div class="flipper">
373                        <div class="front">
374                            <div class="content">
375                                Powerful document factory
376                            </div>
377                        </div>
378                        <div class="back">
379                            <div class="content">
380                                <h3>Powerful document factory</h3>
381                                Letter is the ideal solution for organizations that have to generate large quantities of documents, such as letters, payroll statements, invoices and many more. This is a highly scalable mass document generator that can produce thousands of documents per day by merging your transactional data with corporate templates.
382                            </div>
383                        </div>
384                    </div>
385                </div>
386            </div>
387            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
388                <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
389                    <div class="flipper">
390                        <div class="front">
391                            <div class="content">
392                                Templates versioning
393                            </div>
394                        </div>
395                        <div class="back">
396                            <div class="content">
397                                <h3>Templates versioning</h3>
398                                Whenever a master changes, all associated templates are automatically updated with the new image, structure or legal statement. Any document generated after the update will comply with the new content of its template. Letter also enables the existence of the same template in multiple languages, providing true internationalization support for global companies.
399                            </div>
400                        </div>
401                    </div>
402                </div>
403            </div>
404            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
405                <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
406                    <div class="flipper">
407                        <div class="front">
408                            <div class="content">
409                                Integration
410                            </div>
411                        </div>
412                        <div class="back">
413                            <div class="content">
414                                <h3>Integration</h3>
415                                Letter exposes REST and SOAP based web services to allow external applications or BPM systems to generate corporate documents, by providing only the process data.
416                            </div>
417                        </div>
418                    </div>
419                </div>
420            </div>
421            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
422                <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
423                    <div class="flipper">
424                        <div class="front">
425                            <div class="content flip-container-successfactors-background">
426                                Ready for SuccessFactors<sup>&reg;</sup>
427                            </div>
428                        </div>
429                        <div class="back">
430                            <div class="content">
431                                <h3>Ready for SuccessFactors<sup>&reg;</sup></h3>
432                                Letter is ready to be integrated 
432with SuccessFactors homepage. It enables you to generate corporate HR documents for yourself or your team.
433                            </div>
434                        </div>
435                    </div>
436                </div>
437            </div>
438        </div>
439    </div>
440</section>
441
442<section class="container">
443    <h2>
444        Advantages for your functional unit
445    </h2>
446
447    <div class="container-fluid products-table">
448        <div class="row">
449            <div class="row-height">
450                <div class="col-md-4 header col-md-height col-md-middle">
451                    <h1>Human Resources</h1>
452                </div>
453                <div class="col-md-8 body col-md-height col-md-middle">
454                    <p>
455                        You have to generate thousands of personalized documents to your employees each year. These documents have to be issued in different languages. You have a main employee system of record and an ecosystem of satellite HR applications, each one with its own engine to generate documents. Letter will help you centralize all document generation needs, allowing you to create new templates that comply with legal norms.
456                    </p>
457                </div>
458            </div>
459        </div>
460        <div class="row">
461            <div class="row-height">
462                <div class="col-md-4 header col-md-height col-md-middle">
463                    <h1>Legal</h1>
464                </div>
465                <div class="col-md-8 body col-md-height col-md-middle">
466                    <p>
467                        You have to be sure that corporate documents comply with legal norms and regulations. This is a very difficult task without a system of document control. Letter will provide you with the ability to easily generate masters and templates with protected fields, which avoid the risks of intentional or deliberate tampering. Letter will also help you protect the access to sensitive data, by determining who can view and edit each specific template.
468                    </p>
469                </div>
470            </div>
471        </div>
472        <div class="row">
473            <div class="row-height">
474                <div class="col-md-4 header col-md-height col-md-middle">
475                    <h1>Quality, Health, Security & Environment</h1>
476                </div>
477                <div class="col-md-8 body col-md-height col-md-middle">
478                    <p>
479                        All Quality, Health, Security and Environment (QHSE) documents (operations manual, quality manual, maintenance procedures, training procedures, job descriptions, etc.) have to be always updated and available to the whole company.
480                    </p>
481                    <p>
482                        Documents need to be periodically revised, so that new processes and improvements are introduced. Updated versions have then to be made available at all work sites and locations. Obsolete versions have to be removed and archived.
483                    </p>
484                    <p>
485                        Letter will make document generation and updating easier tasks, ensuring compliance with legal norms and corporate visual coherence. You can quickly generate new templates and documents that will be available to employees from any electronic device connected to the internet.
486                    </p>
487                </div>
488            </div>
489        </div>
490    </div>
491</section>
492        </div>
493        <div role="tabpanel" class="tab-pane" id="howItWorks">
494            <section>
495    <h2>
496        All your corporate documents will be standardized in 3 easy steps
497    </h2>
498    <div class="container container-row-space">
499        <div class="row">
500            <div class="col-md-offset-1 col-md-5">
501                <h2>
502                    1. Master
503                </h2>
504                <div class="section-text-l1">
505                    <p>
506                        The master is the first layer in document generation. It defines the global aesthetics of the document (e.g. corporate logo, text styles, table formatting, chapters, table of contents and other references, headers, footers, images).
507                    </p>
508                    <p>
509                        As a master editor, you will define blank areas in your document, which will be editable by the template editors.
510                    </p>
511                    <p>
512                        Any changes in the master will be propagated to all its templates.
513                    </p>
514                </div>
515            </div>
516            <div class="col-md-5">
517                <figure>
518                    <div class="hidden-xs">
519                        <div class="img-details" data-toggle="modal" data-target="#modalFigMaster">
520                            <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Master.jpg" />
521                            <div></div>
522                            <div></div>
523                        </div>
524                    </div>
525                    <div class="visible-xs">
526                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Master.jpg" />
527                    </div>
528                </figure>
529            </div>
530        </div>
531        <div class="row">
532            <div class="col-md-offset-1 col-md-5">
533                <h2>
534                    2. Templates
535                </h2>
536                <div class="section-text-l1">
537                    <p>
538                        The template document inherits all the styles and formatting defined by the master editor.
539                    </p>
540                    <p>
541                        However, the master is protected and does not allow modifications by the template editor. He/she is able to customize the editable areas, creating the content that will define the template’s function (e.g. onboarding letter, bonus letter, customer invoice). The template editor is also able to create a data source by specifying which fields will be used in the document.
542                    </p>
543                </div>
544            </div>
545            <div class="col-md-5">
546                <figure>
547                    <div class="hidden-xs">
548                        <div class="img-details" data-toggle="modal" data-target="#modalFigTemplate">
549                            <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Template.gif" />
550                            <div></div>
551                            <div></div>
552                        </div>
553                    </div>
554                    <div class="visible-xs">
555                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Template.gif" />
556                    </div>
557                </figure>
558            </div>
559        </div>
560        <div class="row">
561            <div class="col-md-offset-1 col-md-5">
562                <h2>
563                    3. Documents
564                </h2>
565                <div class="section-text-l1">
566                    <p>
567                        The final document inherits all the styles, formatting and content fields defined in the template.
568                    </p>
569                    <p>
570                        The values for the content fields are provided by a web service integration with line-of-business applications. This functionality enables the easy and quick production of a high volume of documents.
571                    </p>
572                </div>
573            </div>
574            <div class="col-md-5">
575                <figure>
576                    <div class="hidden-xs">
577                        <div class="img-details" data-toggle="modal" data-target="#modalFigDocument">
578                            <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Document.jpg" />
579                            <div></div>
580                            <div></div>
581                        </div>
582                    </div>
583                    <div class="visible-xs">
584                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Document.jpg" />
585                    </div>
586                </figure>
587            </div>
588        </div>
589    </div>
590</section>
591
592<section class="container">
593    <h2>
594        Letter has been developed to ease the generation and control of corporate documents
595    </h2>
596    <h4>
597        These are some of its most important characteristics:
598    </h4>
599    <div class="container-fluid products-container ">
600        <div class="row row-centered">
601            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
602                <div class="flip-container-back flip-container-letter-back">
603                    <div class="content">
604                        <h3>Separation of duties and security</h3>
605                        Letter defines permission levels to all users, specifying who can view and who can edit each master, template and document. It also avoids tampering, by blocking changes in protected areas of the document.
606                    </div>
607                </div>
608            </div>
609
610            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
611                <div class="flip-container-back flip-container-letter-back">
612                    <div class="content">
613                        <h3>SaaS application</h3>
614                        Letter is a cloud based application, available from any computer or device, anytime, anywhere. The locally installed Microsoft Word add-in automatically updates to ensure that you always have the latest version.
615                    </div>
616                </div>
617            </div>
618
619            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
620                <div class="flip-container-back flip-container-letter-back">
621                    <div class="content">
622                        <h3>Scalable solution</h3>
623                        Developed for organizations of all sizes, Letter is highly scalable. Being a cloud based solution, it stores masters and templates ensuring its availability to authorized users.
624                    </div>
625                </div>
626            </div>
627
628            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
629                <div class="flip-container-back flip-container-letter-back">
630                    <div class="content">
631                        <h3>Multi-languages</h3>
632                        Letter enables the existence of the same template in multiple languages, providing true internationalization support for global companies.
633                    </div>
634                </div>
635            </div>
636
637            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
638                <div class="flip-container-back flip-container-letter-back">
639                    <div class="content">
640                        <h3>Simplicity</h3>
641                        Accessible from any browser on a simplified web interface. The configuration of fields inside MS Word is straightforward, requiring only basic technical skills.
642                    </div>
643                </div>
644            </div>
645
646            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
647                <div class="flip-container-back flip-container-letter-back">
648                    <div class="content">
649                        <h3>Updates guaranteed</h3>
650                        Letter is compatible with word documents for Office versions 2007, 2010, 2013 and 2016. New Office versions will be supported shortly after being released.
651                    </div>
652                </div>
653            </div>
654        </div>
655    </div>
656
657</section>
658
659
660<div class="letter-modal">
661    <div id="modalFigMaster" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
662        <div class="modal-dialog" role="document">
663            <div class="modal-content">
664                <div class="modal-header">
665                    <button type="button" class="btn btn-modal-close" data-dismiss="modal">X</button>
666                </div>
667                <div class="modal-body">
668                    <figure>
669                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Master_Mod
669al.jpg" />
670                    </figure>
671                </div>
672            </div>
673        </div>
674    </div>
675
676    <div id="modalFigTemplate" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
677        <div class="modal-dialog" role="document">
678            <div class="modal-content">
679                <div class="modal-header">
680                    <button type="button" class="btn btn-modal-close" data-dismiss="modal">X</button>
681                </div>
682                <div class="modal-body">
683                    <figure>
684                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Template_Modal.gif" />
685                    </figure>
686                </div>
687            </div>
688        </div>
689    </div>
690
691    <div id="modalFigDocument" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
692        <div class="modal-dialog" role="document">
693            <div class="modal-content">
694                <div class="modal-header">
695                    <button type="button" class="btn btn-modal-close" data-dismiss="modal">X</button>
696                </div>
697                <div class="modal-body">
698                    <figure>
699                        <img class="img-responsive center-block" src="/Content/EN/images/products/letter/Document_Modal.jpg" />
700                    </figure>
701                </div>
702            </div>
703        </div>
704    </div>
705</div>
706        </div>
707        <div role="tabpanel" class="tab-pane" id="integration">
708            <section>
709    <h2>
710        Integration
711    </h2>
712    <div class="container section-text-l1">
713        <p>
714            To work like a factory, letter needs data, which is already available in your line-of-business applications. Letter easily integrates with your existing business processes to act as a reliable document generation solution. Our team will work with you to setup the most reliable and cost effective integration solution.
715        </p>
716        <p>
717            In complex technological scenarios, the master data required to generate documents has to be collected from multiple systems. An integration layer implemented on a corporate Enterprise Application Integration (EAI) software - like SAP HANA cloud Integrator of SAP Process Integration – will be the glue between your application and Letter.
718        </p>
719        <p>
720            In simple scenarios, a customized integration layer can be developed and deployed in your datacenter network.
721        </p>
722    </div>
723    <div class="container section-text-l1">
724        <div class="adobe-edge-content">
725            <div class="adobe-edge-embed-container">
726                <iframe frameborder="0" scrolling="no" src="/WebPagesShared/Letter/Integration.html"></iframe>
727            </div>
728        </div>
729    </div>
730
731    <div class="container section-text-l1">
732        <p>
733            Letter has a ready-to-use tool for integration with SuccessFactors Employee Central. The Letter cloud extension to SuccessFactors allows you to generate corporate HR documents for you as an employee or about your team as a manager.
734        </p>
735        <p>
736            The SAP Hana cloud extension relies on the security configuration of SuccessFactors to show the Letter homepage title to authorized users, as well as the available actions to generate HR documents. The integration layer collects employee data from SuccessFactors OData integration endpoints, provides the master data to Letter and receives back a corporate HR document.
737        </p>
738    </div>
739
740    <div class="container section-text-l1 container-col-space">
741        <div class="row">
742            <div class="col-sm-12 col-md-6">
743                <img class="img-responsive center-block" src="/Content/images/products/letter/Integration_0.png" />
744            </div>
745            <div class="col-sm-12 col-md-6">
746                <figure>
747                    <div class="hidden-xs">
748                        <div class="img-details" data-toggle="modal" data-target="#modalFig1">
749                            <img class="img-responsive center-block" src="/Content/images/articles/Article004/fig5_SuccessFactors.jpg" />
750                            <div></div>
751                            <div></div>
752                        </div>
753                    </div>
754                    <div class="visible-xs">
755                        <img class="img-responsive center-block" src="/Content/images/articles/article004/fig5_SuccessFactors.jpg" />
756                    </div>
757                </figure>
758            </div>
759        </div>
760    </div>
761</section>
762
763<section>
764    <h2>
765        The integration with Letter can span multiple types of data sources and systems:
766    </h2>
767    <div class="container container-row-space">
768        <div class="row">
769            <div class="col-md-offset-1 col-md-5">
770                <h3>
771                    Corporate systems
772                </h3>
773                <div class="section-text-l1">
774                    <p>
775                        Master data can be fetched from any system or application that implements web services. OData/REST web services are the current trend for data integration. SOAP/XML web services are long time standards for data exchange.
776                    </p>
777                    <p>
778                        In HR scenarios, SuccessFactors, SAP Gateway and SAP RFC calls through ICF are the most used sources to collect employees’ master data.
779                    </p>
780                </div>
781            </div>
782            <div class="col-md-5">
783                <img class="img-responsive center-block" src="/Content/images/products/letter/Integration_1.png">
784            </div>
785        </div>
786
787        <div class="row">
788            <div class="col-md-offset-1 col-md-5">
789                <h3>
790                    Custom developed web applications
791                </h3>
792                <div class="section-text-l1">
793                    <p>
794                        Master data can be fetched from any web application that implements web services. Any .NET application that implements ASP.NET WebAPI, OData or WCF Data Services is able to expose OData/REST or SOAP web services. The same is true for Java EE web applications that implement Apache Olingo, odata4j, JAX-RS or JAX-WS.
795                    </p>
796                </div>
797            </div>
798            <div class="col-md-5">
799                <img class="img-responsive center-block" src="/Content/images/products/letter/Integration_2.png">
800            </div>
801        </div>
802
803        <div class="row">
804            <div class="col-md-offset-1 col-md-5">
805                <h3>
806                    Corporate databases
807                </h3>
808                <div class="section-text-l1">
809                    <p>
810                        Master data can also be fetched directly from corporate databases. All relational database engines provide a standard connectivity protocol like ODBC or specialized protocols like ADO.NET or JDBC.
811
812                    </p>
813                </div>
814            </div>
815            <div class="col-md-5">
816                <img class="img-responsive center-block" src="/Content/images/products/letter/Integration_3.png">
817            </div>
818        </div>
819
820        <div class="row">
821            <div class="col-md-offset-1 col-md-5">
822                <h3>
823                    Directory services and other protocols
824                </h3>
825                <div class="section-text-l1">
826                    <p>
827                        All mid-sizes and large companies have some form of corporate directory. They are a common source for employee data and other resources. For directory data in the cloud, Microsoft offers Azure Active Directory Graph REST API. On premises directory services expose an LDAP API interface.
828                    </p>
829                    <p>
830                        Proprietary binary protocols can also be used for integration scenarios. One common case is the direct invocation of SAP RFC’s through an RFC server.
831                    </p>
832                </div>
833            </div>
834            <div class="col-md-5">
835                <img class="img-responsive center-block" src="/Content/images/products/letter/Integration_4.png">
836            </div>
837        </div>
838    </div>
839</section>
840
841<div class="article-modal">
842    <div id="modalFig1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
843        <div class="modal-dialog" role="document">
844            <div class="modal-content">
845                <div class="modal-header">
846                    <button type="button" class="btn btn-modal-close" data-dismiss="modal">X</button>
847                </div>
848                <div class="modal-body">
849                    <figure>
850                        <img class="img-responsive img-responsive-modal" src="/Content/images/articles/article004/fig5_SuccessFactors.jpg" />
851                    </figure>
852                </div>
853            </div>
854        </div>
855    </div>
856</div>
857        </div>
858        <div role="tabpanel" class="tab-pane" id="requestDemo">
859            <section>
860    <h2>Thank you for your interest in Letter!</h2>
861    <h4>Please fill in this form, so that we can customize a free demo for you.</h4>
862    <h5 class="text-center">We will contact you soon to schedule a time to demonstrate the functionalities of our product.</h5>
863    <h5 class="text-center">You will then be able to use it for free for 30 days.</h5>
864
865    <div class="container">
866        <div class="row">
867            <div class="col-md-offset-2 col-md-8">
868
869                <form id="requestDemoForm" data-toggle="validator" role="form">
870                    <div class="form-group required">
871                        <label for="inputName" class="control-label">Name</label>
872                        <input type="text" class="form-control" id="inputName" data-error="Name is required" required>
873                        <div class="help-block with-errors"></div>
874                    </div>
875
876                    <div class="form-group required">
877                        <label for="inputCompany" class="control-label">Company</label>
878                        <input type="text" class="form-control" id="inputCompany" data-error="Company is required" required>
879                        <div class="help-block with-errors"></div>
880                    </div>
881
882                    <div class="form-group required">
883                        <label for="inputEmail" class="control-label">E-mail</label>
884                        <input type="email" class="form-control" id="inputEmail" data-error="Email address is invalid" required>
885                        <div class="help-block with-errors"></div>
886                    </div>
887
888                    <div class="form-group">
889                        <label for="inputCountry" class="control-label">Country</label>
890                        <input type="text" class="form-control" id="inputCountry">
891                    </div>
892
893                    <div class="form-group">
894                        <label for="inputTelephone" class="control-label">Telephone</label>
895                        <input type="text" class="form-control" id="inputTelephone">
896                    </div>
897
898                    <div class="form-group">
899                        <label for="inputEmployeesNumber" class="control-label">Number of employees</label>
900                        <select class="form-control" id="inputEmployeesNumber">
901                            <option selected></option>
902                            <option value="1">1-100</option>
903                            <option value="2">101-500</option>
904                            <option value="3">501-1000</option>
905                            <option value="4">1001-5000</option>
906                            <option value="5">> 5000</option>
907                        </select>
908                    </div>
909
910                    <div class="form-group">
911                        <label for="inputTemplatesNumber" class="control-label">Estimated number of templates</label>
912                        <select class="form-control" id="inputTemplatesNumber">
913                            <option selected></option>
914                            <option value="1">1-50</option>
915                            <option value="2">51-100</option>
916                            <option value="3">>100</option>
917                        </select>
918                    </div>
919
920                    <div class="form-group">
921                        <label for="inputDocumentsNumber" class="control-label">Estimated number of generated documents/month</label>
922                        <select class="form-control" id="inputDocumentsNumber">
923                            <option selected></option>
924                            <option value="1">0 – 500</option>
925                            <option value="2">501-1000</option>
926                            <option value="3">1001-10000</option>
927                            <option value="4">>10000</option>
928                        </select>
929                    </div>
930
931                    <div class="form-group text-center">
932                        <button type="submit" class="btn btn-primary btn-large">Submit</button>
933                    </div>
934                </form>
935            </div>
936        </div>
937
938    </div>
939</section>
940
941<div id="requestTemplateBody" style="display:none">
942    Dear Sir/Madam,
943
944    I would like to receive a free demo of Letter.
945    Please contact me to schedule a time for you to demonstrate the product’s functionalities.
946
947    Personal data
948    Name: {Name}
949    E-mail: {Email}
950    Country: {Country}
951    Telephone: {Telephone}
952
953    Company’s data
954    Company: {Company}
955    Number of employees: {EmployeesNumber}
956    Estimated number of templates: {TemplatesNumber}
957    Estimated number of generated documents/month: {DocumentsNumber}
958
959    Best regards,
960    {Name}
961</div>
962
963<script type="text/javascript">
964
965    $(document).ready(function () {
966
967        $('#requestDemoForm').validator().on('submit', function (e) {
968            if (!e.isDefaultPrevented()) {
969                e.preventDefault();
970                var self = this;
971                var requestTemplateTest = $("#requestTemplateBody").html();
972                requestTemplateTest = requestTemplateTest.replace('{Name}', $("#inputName", self).val());
973                requestTemplateTest = requestTemplateTest.replace('{Name}', $("#inputName", self).val());
974                requestTemplateTest = requestTemplateTest.replace('{Company}', $("#inputCompany", self).val());
975                requestTemplateTest = requestTemplateTest.replace('{Email}', $("#inputEmail", self).val());
976                requestTemplateTest = requestTemplateTest.replace('{Country}', $("#inputCountry", self).val());
977                requestTemplateTest = requestTemplateTest.replace('{Telephone}', $("#inputTelephone", self).val());
978                requestTemplateTest = requestTemplateTest.replace('{EmployeesNumber}', $("#inputEmployeesNumber option:selected", self).attr('value') ? $("#inputEmployeesNumber option:selected", self).text() : "");
979                requestTemplateTest = requestTemplateTest.replace('{TemplatesNumber}', $("#inputTemplatesNumber option:selected", self).attr('value') ? $("#inputTemplatesNumber option:selected", self).text() : "");
980                requestTemplateTest = requestTemplateTest.replace('{DocumentsNumber}', $("#inputDocumentsNumber option:selected", self).attr('value') ? $("#inputDocumentsNumber option:selected", self).text() : "");
981
982                window.location.href = 'mailto:[email protected]?Subject=Letter Free Demo&body=' + encodeURIComponent(requestTemplateTest);
983                return false;
984            }
985        })
986
987    });
988
989</script>
989
990
991        </div>
992    </div>
993    <section>
994    <div class="rpbg products-contact-us" data-rpbg-mode="responsive" data-rpbg-image-url="/Content/images/products/letter/LetterContactUs.jpg" data-rpbg- data-rpbg-full-width="1920" data-rpbg-full-height="200" data-rpbg-visible-height="200" data-rpbg-main-width="500" data-rpbg-main-heigth="200">
995        <div>
996            <h4>We will be happy to answer your questions and get your feedback!</h4>
997            <div class="text-center">
998                <a class="btn btn-large btn-default " href="mailto:[email protected]" target="_top">Contact Us</a>
999            </div>
1000        </div>
1001    </div>
1002</section>
1003
1004</div>
1005
1006        
1007<section>
1008    <div class="contact-section">
1009        <div class="container contact-container" id="contacts">
1010            <div class="row">
1011                <div class="col-xs-12 col-sm-6 col-lg-3">
1012                    <h4>CONTACTS</h4>
1013                    <div class="contacts">
1014                        <div>Rua do Cais das Pedras, n.º 8 - 1.º Esq.</div>
1015                        <div>4050-465 Porto</div>
1016                        <div>Portugal</div>
1017                    </div>
1018                    <div class="align-bottom contacts">
1019                        <div>
1020                            <span class="contact-prefix">E-mail/</span>
1021                            <a href="mailto:[email protected]" target="_top">[email protected]</a>
1022                        </div>
1023                        <div>
1024                            <span class="contact-prefix">Tel./</span>
1025                            <a href="tel:+351220404850">+351 220 404 850</a>
1026                        </div>
1027                        <div>
1028
1029                            <span class="contact-prefix">GPS/</span>
1030                            <span> 41.145539, -8.629731</span>
1031                        </div>
1032                        <div class="contact-view-map">
1033                            <a target="_blank" href="https://www.google.com/maps/place/Cais+das+Pedras+8,+4050-499+Porto/@41.1455402,-8.6295916,17z">View map</a>
1034                        </div>
1035                    </div>
1036                </div>
1037
1038                <div class="col-xs-12 col-sm-6 col-lg-3">
1039                    <h4>SERVICES</h4>
1040                    <ul>
1041                        <li>
1042                            <a href="/EN/Services/SAPHCM">SAP<sup>&reg;</sup> HCM</a>
1043                        </li>
1044                        <li>
1045                            <a href="/EN/Services/SuccessFactors">SuccessFactors<sup>&reg;</sup></a>
1046                        </li>
1047                        <li>
1048                            <a href="/EN/Services/SAPHCM">SAP HANA<sup>&reg;</sup> Cloud</a>
1049                        </li>
1050                        <li>
1051                            <a href="/EN/Services/SAPPortal">SAP<sup>&reg;</sup> Portal</a>
1052                        </li>
1053                        <li>
1054                            <a href="/EN/Services/BPM">BPM</a>
1055                        </li>
1056                        <li>
1057                            <a href="/EN/Services/CustomApps">Custom Apps Development</a>
1058                        </li>
1059                        <li>
1060                            <a href="/EN/Services/MobileApps">Mobile applications</a>
1061                        </li>
1062                        <li>
1063                            <a href="/EN/Services/Integration">System Integration</a>
1064                        </li>
1065                        <li>
1066                            <a href="/EN/Services/ArtificialIntelligence">Artificial Intelligence</a>
1067                        </li>
1068                    </ul>
1069                </div>
1070
1071                <div class="col-xs-12 col-sm-6 col-lg-3">
1072                    <h4>PRODUCTS</h4>
1073                    <ul>
1074                        <li>
1075                            <a href="/EN/Products/Letter/">Letter</a>
1076                        </li>
1077                        <li>
1078                            <a href="/EN/Products/TrainingPlanner/">Training Planner</a>
1079                        </li>
1080                    </ul>
1081
1082                    <div class="contact-info-social align-bottom">
1083                        <h4>FOLLOW US</h4>
1084                        <table>
1085                            <tr>
1086                                <td>
1087                                    <a href="https://www.linkedin.com/company/konkconsulting" target="_blank">
1088                                        <div class="social linkedin"></div>
1089                                    </a>
1090                                </td>
1091                                <td>
1092                                    <a href="https://twitter.com/konkconsulting" target="_blank">
1093                                        <div class="social twitter"></div>
1094                                    </a>
1095                                </td>
1096                                <td>
1097                                    <a href="https://www.facebook.com/konkconsulting" target="_blank">
1098                                        <div class="social facebook"></div>
1099                                    </a>
1100                                </td>
1101                            </tr>
1102                        </table>
1103                    </div>
1104                </div>
1105
1106                <div class="col-xs-12 col-sm-6 col-lg-3">
1107                    
1108
1109                    <div class="container-fluid subscribe-container">
1110                        <div class="row">
1111                            <div class="col-md-12">
1112                                We're here to help and answer any question you might have. We look forward to meet you.
1113                            </div>
1114                        </div>
1115                        <div class="row">
1116                            <div class="col-md-12">
1117                                <div class="text-center">
1118                                    <a class="btn btn-default btn-subscribe-newsletter" href="mailto:[email protected]" target="_top">Contact Us</a>
1119                                </div>
1120                            </div>
1121                        </div>
1122                    </div>
1123                    <div class="align-bottom">
1124                        <div class="contact-isos-icon"></div>
1125                    </div>
1126                </div>
1127            </div>
1128        </div>
1129    </div>
1130</section>
1131        <div>
1132    <!-- Modal -->
1133<div class="modal fade" id="subscribeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
1134    <div class="modal-dialog" role="document">
1135        <div class="modal-content">
1136            <div class="modal-header">
1137                <button type="button" class="btn btn-modal-close" data-dismiss="modal">X</button>
1138                <h2 class="" id="myModalLabel">SUBSCRIBE TO OUR NEWSLETTER</h2>
1139            </div>
1140            <div class="modal-body">
1141                <!-- Begin MailChimp Signup Form -->
1142
1143<div id="mc_embed_signup">
1144    <div class="container-fluid">
1145        <form action="//konkconsulting.us11.list-manage.com/subscribe/post?u=a877d3c3242d12f06f1d2ca5c&amp;id=7f3a186278" method="post"
1146              id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="" role="form">
1147            <div id="mc_embed_signup_scroll">
1148
1149                <div class="row">
1150                    <div class="col-md-6">
1151                        <div class="mc-field-group form-group">
1152                            <label for="mce-FNAME">
1153                                <span class="asterisk">*</span> First name
1154                            </label>
1155                            <input type="text" value="" name="FNAME" class="required form-control" id="mce-FNAME" />
1156                        </div>
1157                    </div>
1158                    <div class="col-md-6">
1159                        <div class="mc-field-group form-group">
1160                            <label for="mce-LNAME">
1161                                <span class="asterisk">*</span> Surname
1162                            </label>
1163                            <input type="text" value="" name="LNAME" class="required form-control" id="mce-LNAME" />
1164                        </div>
1165                    </div>
1166                </div>
1167
1168                <div class="row">
1169                    <div class="col-md-6">
1170                        <div class="mc-field-group form-group">
1171                            <label for="mce-COMPANY">Company / Organization</label>
1172                            <input type="text" value="" name="COMPANY" class="form-control" id="mce-COMPANY" />
1173                        </div>
1174                    </div>
1175                    <div class="col-md-6">
1176                        <div class="mc-field-group form-group">
1177                            <label for="mce-EMAIL">
1178                                <span class="asterisk">*</span> E-mail
1179                            </label>
1180                            <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" />
1181                        </div>
1182                    </div>
1183                </div>
1184                <div class="row">
1185                    <div class="col-md-12">
1186                        <label>Frequency/</label>
1187                        <label class="info">twice a month</label>
1188                    </div>
1189                </div>
1190                <div class="row">
1191                    <div class="col-md-12">
1192                        <label>Language/</label>
1193                        <label class="info">English</label>
1194                    </div>
1195                </div>
1196                <div class="row">
1197                    <div class="col-md-12">
1198                        <div id="mce-responses" class="clear">
1199                            <div class="response" id="mce-error-response" style="display:none"></div>
1200                            <div class="response" id="mce-success-response" style="display:none"></div>
1201                        </div>
1202                        <div style="position: absolute; left: -5000px;">
1203                            <input type="text" name="b_a877d3c3242d12f06f1d2ca5c_7f3a186278" tabindex="-1" value="" />
1204                        </div>
1205                    </div>
1206                </div>
1207                <div class="row">
1208                    <div class="col-md-12">
1209                        <div class="clear text-center">
1210                            <a href="#" data-dismiss="modal" class="btn-cancel">Cancel</a>
1211                            <input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default btn-large" />
1212                        </div>
1213                    </div>
1214                </div>
1215            </div>
1216        </form>
1217
1218    </div>
1219
1220</div>
1221<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
vendor: 2 bytes, line 1221
1221
1222<script type='text/javascript'>
1223    (function ($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[1] = 'FNAME'; ftypes[1] = 'text'; fnames[2] = 'LNAME'; ftypes[2] = 'text'; fnames[3] = 'MMERGE3'; ftypes[3] = 'text'; fnames[0] = 'EMAIL'; ftypes[0] = 'email'; }(jQuery)); var $mcj = jQuery.noConflict(true);
1224
1225    /**
1226    Customize embedded form validation messages.
1227    */
1228
1229    $mcj.extend($mcj.validator.messages, {
1230        required: "This field is required.",
1231        remote: "Please fix this field.",
1232        email: "Please enter a valid email address.",
1233        url: "Please enter a valid URL.",
1234        date: "Please enter a valid date.",
1235        dateISO: "Please enter a valid date (ISO).",
1236        number: "Please enter a valid number.",
1237        digits: "Please enter only digits.",
1238        creditcard: "Please enter a valid credit card number.",
1239        equalTo: "Please enter the same value again.",
1240        accept: "Please enter a value with a valid extension.",
1241        maxlength: $mcj.validator.format("Please enter no more than {0} characters."),
1242        minlength: $mcj.validator.format("Please enter at least {0} characters."),
1243        rangelength: $mcj.validator.format("Please enter a value between {0} and {1} characters long."),
1244        range: $mcj.validator.format("Please enter a value between {0} and {1}."),
1245        max: $mcj.validator.format("Please enter a value less than or equal to {0}."),
1246        min: $mcj.validator.format("Please enter a value greater than or equal to {0}."),
1247        mc_birthday: "Please enter a valid month and day.",
1248        mc_date: "Please enter a valid date.",
1249        mc_phone: "Please enter a valid phone number.",
1250    });
1251
1252</script>
1252
1253<!--End mc_embed_signup-->
1254
1255            </div>
1256        </div>
1257    </div>
1258</div>
1259</div>
1260
1261        
1262
1263    </div>
1264</body>
1265</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.