PageSourceSearch

https://knowledia.com/presentations/index.html

html knowledia.com collected 2026-10-01 12:28:48 UTC 162,190 bytes, 3,155 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4<head>
5  <meta charset="utf-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7
8  <title>Knowledia Presentation</title>
9
10  <link rel="stylesheet" href="css/reset.css" />
11  <link rel="stylesheet" href="css/reveal.css" />
12  <link href="https://rsms.me/inter/inter.css" rel="stylesheet" />
13  <link rel="stylesheet" href="css/theme/knowledia.css" />
14
15  <!-- Theme used for syntax highlighting of code -->
16  <link rel="stylesheet" href="lib/css/monokai.css" />
17  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
18
19  <!-- Printing and PDF exports -->
20  
20<script>
21    var link = document.createElement("link");
22    link.rel = "stylesheet";
23    link.type = "text/css";
24    link.href = window.location.search.match(/print-pdf/gi)
25      ? "css/print/pdf.css"
26      : "css/print/paper.css";
27    document.getElementsByTagName("head")[0].appendChild(link);
28  </script>
28
29</head>
30
31<body>
32  <div class="reveal">
33
34    <div class="slides">
35
36      <!--COVER-->
37      <section>
38
39        <img src="images/logo-full.svg" />
40        <div class="mt-1 mb-12 text-4xl font-light">
41          Turn <span class="silicium">Data</span> into
42          <span class="flesh">Knowledge</span>
43        </div>
44        <div>
45          <img class="m-auto" width="250px" src="images/google-cloud-startups.png" />
46        </div>
47      </section>
48
49
50      <!--ABOUT ME-->
51      <section>
52
53        <!--Title-->
54        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
55          <div class="flex items-center">
56            <span class="flex items-center mr-2">
57              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
58            </span>
59            <span>About Me</span>
60          </div>
61        </h1>
62
63        <!--Content-->
64        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
65
66          <!--Header-->
67          <div class="flex flex-row items-center justify-left">
68            <div class="flex-shrink-0">
69              <img src="images/me.jpg"
70                class="inline-block object-cover w-20 h-20 border border-gray-300 border-solid rounded-full shadow-inner" />
71            </div>
72            <div class="flex flex-col w-full p-2 pl-4">
73              <div class="flex items-center">
74                <div class="inline-block text-3xl font-semibold leading-snug tracking-tight text-left text-gray-800">
75                  Benjamin Devèze
76                  <div class="inline-block ml-1 hover:opacity-75">
77                    <a title="Linkedin" href="https://www.linkedin.com/in/benjamindeveze/" rel="noopener noreferrer"
78                      target="_blank"><svg class="w-5 h-5 fill-current" viewBox="0 0 24 24"
79                        xmlns="http://www.w3.org/2000/svg" style="color: rgb(0, 119, 181);">
80                        <title>LinkedIn icon</title>
81                        <path
82                          d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z">
83                        </path>
84                      </svg>
85                    </a>
86                  </div>
87                </div>
88              </div>
89              <div class="text-xl text-left text-gray-600">
90                Expert in Artificial Intelligence, Machine Learning,
91                Natural Language Processing, Search Engines
92              </div>
93            </div>
94          </div>
95
96          <!--Experience-->
97          <div>
98            <div class="mt-8 mb-5 text-xl font-normal leading-tight text-left text-gray-800">
99              14 years of experience in tech start-ups as 1st employee bootstrapping & scaling technology, product and
100              team
101            </div>
102            <div class="ml-24">
103              <div class="flex flex-row items-center justify-left">
104                <div class="flex-shrink-0">
105                  <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
106                </div>
107                <div class="flex flex-col items-start w-full ml-2">
108                  <div class="text-lg font-medium text-gray-900">Founder @ Knowledia</div>
109                  <div class="text-base text-gray-600">2018 - 2020</div>
110                </div>
111              </div>
112              <div class="flex flex-row items-center mt-2 justify-left">
113                <div class="flex-shrink-0">
114                  <img src="images/clustree.png" class="inline-block object-cover w-12 h-12" alt="" />
115                </div>
116                <div class="flex flex-col items-start w-full ml-2">
117                  <div class="text-lg font-medium text-gray-900">CTO - Head of Data Science & AI @ Clustree (sold to
118                    Cornerstone)</div>
119                  <div class="text-base text-gray-600">2014 - 2018</div>
120                </div>
121              </div>
122              <div class="flex flex-row items-center mt-2 justify-left">
123                <div class="flex-shrink-0">
124                  <img src="images/yakaz.png" class="inline-block object-cover w-12 h-12" alt="" />
125                </div>
126                <div class="flex flex-col items-start w-full ml-2">
127                  <div class="text-lg font-medium text-gray-900">CTO @ Yakaz (sold)</div>
128                  <div class="text-base text-gray-600">2006 - 2014</div>
129                </div>
130              </div>
131            </div>
132          </div>
133
134          <!--Education-->
135          <div>
136            <div class="mt-8 text-xl font-normal text-left text-gray-800">
137              Education in Computer Science & Artificial Intelligence
138            </div>
139          </div>
140
141      </section>
142
143
144      <!--TECHNOLOGY OVERVIEW-->
145      <section>
146
147        <!--Title-->
148        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
149          <div class="flex items-center">
150            <span class="flex items-center mr-2">
151              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
152            </span>
153            <span>Technology Overview</span>
154          </div>
155        </h1>
156
157
158        <!--Content-->
159        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
160          <div class="flex flex-wrap w-full">
161            <div class="w-full h-32 mb-3">
162              <div
163                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow">
164                API</div>
165            </div>
166            <div class="w-1/4 h-32">
167              <div
168                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow">
169                Knowledge Graph</div>
170            </div>
171            <div class="w-1/4 h-32">
172              <div
173                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow">
174                Natural Language Processing</div>
175            </div>
176            <div class="w-1/4 h-32">
177              <div
178                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow">
179                Data Acquisition & Extraction</div>
180            </div>
181            <div class="w-1/4 h-32">
182              <div
183                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow">
184                Enriched Textual Corpus</div>
185            </div>
186          </div>
187        </div>
188
189      </section>
190
191
192      <!--KNOWLEDGE GRAPH COVER-->
193      <section>
194
195        <!--Title-->
196        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
197          <div class="flex items-center">
198            <span class="flex items-center mr-2">
199              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
200            </span>
201            <span>Technology Overview</span>
202          </div>
203        </h1>
204
205
206        <!--Content-->
207        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
208          <div class="flex flex-wrap w-full">
209            <div class="w-full h-32 mb-3">
210              <div
211                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
212                API</div>
213            </div>
214            <div class="w-1/4 h-32">
215              <div
216                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow">
217                Knowledge Graph</div>
218            </div>
219            <div class="w-1/4 h-32">
220              <div
221                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
222                Natural Language Processing</div>
223            </div>
224            <div class="w-1/4 h-32">
225              <div
226                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
227                Data Acquisition & Extraction</div>
228            </div>
229            <div class="w-1/4 h-32">
230              <div
231                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
232                Enriched Textual Corpus</div>
233            </div>
234          </div>
235        </div>
236
237      </section>
238
239
240      <!--KNOWLEDGE GRAPH-->
241      <section>
242
243
244        <!--Title-->
245        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
246          <div class="flex items-center">
247            <span class="flex items-center mr-2">
248              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
249            </span>
250            <span class="mr-2">Knowledge Graph</span>
251            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
252            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
253            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
254            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
255            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
256          </div>
257        </h1>
258
259        <!--Content-->
260        <div class="w-full">
261          <div class="mb-1">
262            <div class="flex items-center justify-between mb-1">
263              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">What's a knowledge graph?
264              </div>
265            </div>
266          </div>
267          <div>
268            <img
269              class="object-contain object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
270              src="images/knowledge-graph.png" />
271          </div>
272        </div>
273
274      </section>
275
276      <!--KNOWLEDGE GRAPH-->
277      <section>
278
279        <!--Title-->
280        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
281          <div class="flex items-center">
282            <span class="flex items-center mr-2">
283              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
284            </span>
285            <span class="mr-2">Knowledge Graph</span>
286            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
287            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
288            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
289            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
290            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
291          </div>
292        </h1>
293
294        <!--Content-->
295        <div class="w-full my-6">
296          <div class="mb-1">
297            <div class="flex mb-1">
298              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Nodes are entities</div>
299            </div>
300          </div>
301          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
302            <div class="flex flex-wrap justify-center">
303              <div>
304                <a href="https://news.knowledia.com/topics/VAr?interfaceLanguage=en&country=&contentLanguage=&query="
305                  rel="noopener noreferrer" target="_blank">
306                  <span
307                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
308                    <img src="images/steve-jobs.png"
309                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
310                      alt="Steve Jobs" />
311                    <span class="text-blue-500">Steve Jobs</span>
312                  </span>
313                </a>
314              </div>
315              <div>
316                <a href="https://news.knowledia.com/topics/LA?interfaceLanguage=en&country=&contentLanguage=&query="
317                  rel="noopener noreferrer" target="_blank">
318                  <span
319                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
320                    <img src="images/apple.png"
321                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
322                      alt="Steve Jobs" />
323                    <span class="text-blue-500">Apple Inc.</span>
324                  </span>
325                </a>
326              </div>
327              <div>
328                <a href="https://news.knowledia.com/topics/34?interfaceLanguage=en&country=&contentLanguage=&query="
329                  rel="noopener noreferrer" target="_blank">
330                  <span
331                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
332                    <img src="images/paris.png"
333                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
334                      alt="Steve Jobs" />
335                    <span class="text-blue-500">Paris</span>
336                  </span>
337                </a>
338              </div>
339              <div>
340                <a href="https://news.knowledia.com/topics/ljb?interfaceLanguage=en&country=&contentLanguage=&query="
341                  rel="noopener noreferrer" target="_blank">
342                  <span
343                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
344                    <img src="images/matrix.png"
345                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
346                      alt="Steve Jobs" />
347                    <span class="text-blue-500">The Matrix</span>
348                  </span>
349                </a>
350              </div>
351              <div>
352                <a href="https://news.knowledia.com/topics/4jTJ?interfaceLanguage=en&country=&contentLanguage=&query="
353                  rel="noopener noreferrer" target="_blank">
354                  <span
355                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
356                    <img src="images/chicago-bulls.png"
357                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
358                      alt="Steve Jobs" />
359                    <span class="text-blue-500">Chicago Bulls</span>
360                  </span>
361                </a>
362              </div>
363              <div>
364                <a href="https://news.knowledia.com/topics/bUG?interfaceLanguage=en&country=&contentLanguage=&query="
365                  rel="noopener noreferrer" target="_blank">
366                  <span
367                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
368                    <img src="images/dangerous.png"
369                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
370                      alt="Steve Jobs" />
371                    <span class="text-blue-500">Dangerous</span>
372                  </span>
373                </a>
374              </div>
375              <div>
376                <a href="https://news.knowledia.com/topics/7jOR8?interfaceLanguage=en&country=&contentLanguage=&query="
377                  rel="noopener noreferrer" target="_blank">
378                  <span
379                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
380                    <img src="images/nexus.png"
381                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
382                      alt="Steve Jobs" />
383                    <span class="text-blue-500">Nexus 7</span>
384                  </span>
385                </a>
386              </div>
387            </div>
388          </div>
389        </div>
390
391
392        <div class="w-full my-6">
393          <div class="mb-1">
394            <div class="flex mb-1">
395              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Nodes are values</div>
396            </div>
397          </div>
398          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
399            <div class="flex flex-wrap justify-center">
400              <div>
401                <span
402                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
403                  <span class="text-gray-600">MEDIA</span>
404                </span>
405                <span
406                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
407                  <span class="text-gray-600">GEO COORDINATES</span>
408                </span>
409                <span
410                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
411                  <span class="text-gray-600">TEXT</span>
412                </span>
413                <span
414                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
415                  <span class="text-gray-600">QUANTITY</span>
416                </span>
417                <span
418                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
419                  <span class="text-gray-600">TIME</span>
420                </span>
421                <span
422                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
423                  <span class="text-gray-600">URL</span>
424                </span>
425                <span
426                  class="inline-flex items-center p-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
427                  <span class="text-gray-600">EXTERNAL IDENTIFIER</span>
428                </span>
429              </div>
430            </div>
431          </div>
432        </div>
433
434        <div class="w-full my-6">
435          <div class="mb-1">
436            <div class="flex mb-1">
437              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Edges are statements
438                linking nodes via a property</div>
439            </div>
440          </div>
441          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
442            <div class="flex justify-center">
443              <div class="flex items-center">
444                <a href="https://news.knowledia.com/topics/VAr?interfaceLanguage=en&country=&contentLanguage=&query="
445                  rel="noopener noreferrer" target="_blank">
446                  <span
447                    class="inline-flex items-center p-1 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
448                    <img src="images/steve-jobs.png"
449                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
450                      alt="Steve Jobs" />
451                    <span class="text-blue-500">Steve Jobs</span>
452                  </span>
453                </a>
454
455                <span class="mx-3 font-semibold">founder</span>
456
457                <a href="https://news.knowledia.com/topics/LA?interfaceLanguage=en&country=&contentLanguage=&query="
458                  rel="noopener noreferrer" target="_blank">
459                  <span
460                    class="inline-flex items-center p-1 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
461                    <img src="images/apple.png"
462                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
463                      alt="Steve Jobs" />
464                    <span class="text-blue-500">Apple Inc.</span>
465                  </span>
466                </a>
467              </div>
468
469              <div class="flex items-center ml-12">
470                <a href="https://news.knowledia.com/topics/34?interfaceLanguage=en&country=&contentLanguage=&query="
471                  rel="noopener noreferrer" target="_blank">
472                  <span
473                    class="inline-flex items-center p-1 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
474                    <img src="images/paris.png"
475                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
476                      alt="Steve Jobs" />
477                    <span class="text-blue-500">Paris</span>
478                  </span>
479                </a>
480
481                <span class="mx-3 font-semibold">location</span>
482
483                <a href="https://news.knowledia.com/topics/LA?interfaceLanguage=en&country=&contentLanguage=&query="
484                  rel="noopener noreferrer" target="_blank">
485                  <span
486                    class="inline-flex items-center p-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
487                    <span class="text-gray-600">48°51'25"N, 2°21'5"E</span>
488                  </span>
489                </a>
490              </div>
491            </div>
492          </div>
493        </div>
494
495        <div class="w-full my-6">
496          <div class="mb-1">
497            <div class="flex mb-1">
498              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Statements are sourced
499              </div>
500            </div>
501          </div>
502          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
503            <div class="flex justify-between">
504              <div class="flex items-center">
505                <a href="https://news.knowledia.com/topics/7wCM?interfaceLanguage=en&country=&contentLanguage=&query="
506                  rel="noopener noreferrer" target="_blank">
507                  <span
508                    class="inline-flex items-center p-1 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
509                    <img src="images/qasem-soleinmani.png"
510                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
511                      alt="Steve Jobs" />
512                    <span class="text-blue-500">Qasem Soleimani</span>
513                  </span>
514                </a>
515
516                <span class="mx-3 font-semibold">manner of death</span>
517
518                <a href="https://news.knowledia.com/topics/pwgp?interfaceLanguage=en&country=&contentLanguage=&query="
519                  rel="noopener noreferrer" target="_blank">
520                  <span
521                    class="inline-flex items-center p-1 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
522                    <img src="images/airstrike.png"
523                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
524                      alt="Steve Jobs" />
525                    <span class="text-blue-500">Airstrike</span>
526                  </span>
527                </a>
528
529                <span class="mx-3 font-semibold">source</span>
530
531                <a class="text-blue-500"
532                  href="https://www.nytimes.com/2020/01/02/world/middleeast/qassem-soleimani-iraq-iran-attack.html">www.nytimes.com</a>
533              </div>
534            </div>
535          </div>
536        </div>
537
538      </section>
539
540      <section>
541
542        <!--Title-->
543        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
544          <div class="flex items-center">
545            <span class="flex items-center mr-2">
546              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
547            </span>
548            <span class="mr-2">Knowledge Graph</span>
549            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
550            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
551            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
552            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
553            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
554          </div>
555        </h1>
556
557        <!--Content-->
558        <div class="w-full">
559          <div class="mb-1">
560            <div class="flex items-center justify-between mb-1">
561              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Sources
562              </div>
563            </div>
564          </div>
565        </div>
566        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
567          <div class="flex flex-wrap justify-center">
568            <div class="flex items-center justify-center w-1/5 mb-8">
569              <div class="flex flex-col items-center justify-center">
570                <img class="w-24 h-24 mb-1" src="images/wikidata.png" />
571                <div class="text-green-600">Wikidata</div>
572              </div>
573            </div>
574            <div class="flex items-center justify-center w-1/5 mb-8">
575              <div class="flex flex-col items-center justify-center">
576                <img class="w-24 h-24 mb-1" src="images/wikipedia.png" />
577                <div class="text-green-600">Wikipedia</div>
578              </div>
579            </div>
580            <div class="flex items-center justify-center w-1/5 mb-8">
581              <div class="flex flex-col items-center justify-center">
582                <img class="w-24 h-24 mb-1" src="images/dbpedia.jpg" />
583                <div class="text-green-600">DBpedia</div>
584              </div>
585            </div>
586            <div class="flex items-center justify-center w-1/5 mb-8">
587              <div class="flex flex-col items-center justify-center">
588                <img class="w-24 h-24 mb-1" src="images/freebase.jpg" />
589                <div class="text-green-600">Freebase</div>
590              </div>
591            </div>
592          </div>
593
594          <div class="flex flex-wrap justify-center">
595            <div class="flex items-center justify-center w-1/5 mb-8">
596              <div class="flex flex-col items-center justify-center">
597                <img class="w-24 h-24 mb-1" src="images/linkedin.svg" />
598                <div class="text-blue-600">LinkedIn</div>
599              </div>
600            </div>
601            <div class="flex items-center justify-center w-1/5 mb-8">
602              <div class="flex flex-col items-center justify-center">
603                <img class="w-24 h-24 mb-1" src="images/openstreetmap.svg" />
604                <div class="text-blue-600">OpenStreetMap</div>
605              </div>
606            </div>
607            <div class="flex items-center justify-center w-1/5 mb-8">
608              <div class="flex flex-col items-center justify-center">
609                <img class="w-24 h-24 mb-1" src="images/geonames.svg" />
610                <div class="text-blue-600">GeoNames</div>
611              </div>
612            </div>
613            <div class="flex items-center justify-center w-1/5 mb-8">
614              <div class="flex flex-col items-center justify-center">
615                <img class="w-24 h-24 mb-1" src="images/world-factbook.png" />
616                <div class="text-blue-600">World Factbook</div>
617              </div>
618            </div>
619            <div class="flex items-center justify-center w-1/5 mb-8">
620              <div class="flex flex-col items-center justify-center">
621                <img class="w-24 h-24 mb-1" src="images/imdb.png" />
622                <div class="text-blue-600">IMDb</div>
623              </div>
624            </div>
625            <div class="flex items-center justify-center w-1/5 mb-8">
626              <div class="flex flex-col items-center justify-center">
627                <img class="w-24 h-24 mb-1" src="images/musicbrainz.svg" />
628                <div class="text-blue-600">
628MusicBrainz</div>
629              </div>
630            </div>
631            <div class="flex items-center justify-center w-1/5 mb-8">
632              <div class="flex flex-col items-center justify-center">
633                <img class="w-24 h-24 mb-1" src="images/amazon.png" />
634                <div class="text-blue-600">Amazon</div>
635              </div>
636            </div>
637            <div class="flex items-center justify-center w-1/5 mb-8">
638              <div class="flex flex-col items-center justify-center">
639                <img class="w-24 h-24 mb-1" src="images/microformats.png" />
640                <div class="text-blue-600">Microformats</div>
641              </div>
642            </div>
643            <div class="flex items-center justify-center w-1/5 mb-8">
644              <div class="flex flex-col items-center justify-center">
645                <img class="w-24 h-24 mb-1" src="images/web.png" />
646                <div class="text-blue-600">Web</div>
647              </div>
648            </div>
649          </div>
650        </div>
651
652      </section>
653
654      <section>
655
656        <!--Title-->
657        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
658          <div class="flex items-center">
659            <span class="flex items-center mr-2">
660              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
661            </span>
662            <span class="mr-2">Knowledge Graph</span>
663            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
664            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
665            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
666            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
667            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
668          </div>
669        </h1>
670
671
672
673        <!--Content-->
674        <div class="w-full">
675          <div class="mb-1">
676            <div class="flex items-center justify-between mb-1">
677              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Computation Graph
678              </div>
679            </div>
680          </div>
681          <div>
682            <img
683              class="object-contain object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
684              src="images/dag.png" />
685          </div>
686        </div>
687
688      </section>
689
690      </section>
691
692
693      <section>
694
695        <!--Title-->
696        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
697          <div class="flex items-center">
698            <span class="flex items-center mr-2">
699              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
700            </span>
701            <span class="mr-2">Knowledge Graph</span>
702            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
703            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
704            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
705            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
706            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
707          </div>
708        </h1>
709
710
711        <!--Content-->
712        <div class="w-full">
713          <div class="mb-1">
714            <div class="flex items-center justify-between mb-1">
715              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Current numbers
716              </div>
717            </div>
718          </div>
719        </div>
720        <div class="w-full p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
721          <div class="flex flex-wrap">
722            <div class="flex items-center justify-center w-1/2 mb-12">
723              <div class="flex flex-col items-center justify-center fill-current flesh">
724                <svg class="inline-block w-24 h-24" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
725                  xmlns:xlink="http://www.w3.org/1999/xlink">
726                  <path
727                    d="M10,20 C15.5228475,20 20,15.5228475 20,10 C20,4.4771525 15.5228475,0 10,0 C4.4771525,0 0,4.4771525 0,10 C0,15.5228475 4.4771525,20 10,20 Z M6.99999861,6.00166547 C6.99999861,4.34389141 8.3465151,3 9.99999722,3 C11.6568507,3 12.9999958,4.33902013 12.9999958,6.00166547 L12.9999958,7.99833453 C12.9999958,9.65610859 11.6534793,11 9.99999722,11 C8.34314374,11 6.99999861,9.66097987 6.99999861,7.99833453 L6.99999861,6.00166547 Z M3.34715433,14.4444439 C5.37306718,13.5169611 7.62616222,13 10,13 C12.3738388,13 14.6269347,13.5169615 16.6528458,14.4444437 C15.2177146,16.5884188 12.7737035,18 10,18 C7.22629656,18 4.78228556,16.5884189 3.34715433,14.4444439 L3.34715433,14.4444439 Z"
728                    id="Combined-Shape"></path>
729                </svg>
730                <div class="mt-4 text-xl font-bold">62 million entities</div>
731              </div>
732            </div>
733
734            <div class="flex items-center justify-center w-1/2 mb-12">
735              <div class="flex flex-col items-center justify-center text-blue-500 fill-current">
736                <svg class="inline-block w-24 h-24" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
737                  xmlns:xlink="http://www.w3.org/1999/xlink">
738                  <path
739                    d="M2.92893219,17.0710678 C6.83417511,20.9763107 13.1658249,20.9763107 17.0710678,17.0710678 C20.9763107,13.1658249 20.9763107,6.83417511 17.0710678,2.92893219 C13.1658249,-0.976310729 6.83417511,-0.976310729 2.92893219,2.92893219 C-0.976310729,6.83417511 -0.976310729,13.1658249 2.92893219,17.0710678 Z M9,11 L9,10.5 L9,9 L11,9 L11,15 L9,15 L9,11 Z M9,5 L11,5 L11,7 L9,7 L9,5 Z"
740                    id="Combined-Shape"></path>
741                </svg>
742                <div class="mt-4 text-xl font-bold">7200 properties</div>
743              </div>
744            </div>
745
746            <div class="flex items-center justify-center w-1/2 mb-12">
747              <div class="flex flex-col items-center justify-center fill-current silicium">
748                <svg class="inline-block w-24 h-24" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
749                  xmlns:xlink="http://www.w3.org/1999/xlink">
750                  <path
751                    d="M3,6 L3,5.99810135 C3,4.89458045 3.89706013,4 5.
75100585866,4 L13,4 L17,0 L19,0 L19,16 L17,16 L13,12 L5.00585866,12 C3.89805351,12 3,11.1132936 3,10.0018986 L3,10 L1,10 L1,6 L3,6 Z M11,15 L13,15 L13,13 L5,13 L5,15 L6.33333333,15 L8,20 L11,20 L11,15 Z"
752                    id="Combined-Shape"></path>
753                </svg>
754                <div class="mt-4 text-xl font-bold">2.7 billion statements</div>
755              </div>
756            </div>
757
758            <div class="flex items-center justify-center w-1/2 mb-12">
759              <div class="flex flex-col items-center justify-center text-indigo-600 fill-current">
760                <svg class="inline-block w-24 h-24" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
761                  xmlns:xlink="http://www.w3.org/1999/xlink">
762                  <path
763                    d="M14.9056439,5.68014258 C13.7991209,4.81998894 12.4607085,4.24404153 11,4.06189375 L11,2 L9,2 L9,4.06189375 C5.05368842,4.55399184 2,7.92038235 2,12 C2,16.418278 5.581722,20 10,20 C14.418278,20 18,16.418278 18,12 C18,10.1512885 17.3729184,8.44903985 16.3198574,7.09435615 L17.7
763781746,5.63603897 L16.363961,4.22182541 L14.9056439,5.68014258 Z M10,18 C13.3137085,18 16,15.3137085 16,12 C16,8.6862915 13.3137085,6 10,6 C6.6862915,6 4,8.6862915 4,12 C4,15.3137085 6.6862915,18 10,18 Z M7,0 L13,0 L13,2 L7,2 L7,0 Z M12.1213203,8.46446609 L13.5355339,9.87867966 L10,13.4142136 L8.58578644,12 L12.1213203,8.46446609 Z"
764                    id="Combined-Shape"></path>
765                </svg>
766                <div class="mt-4 text-xl font-bold">only 12h for full recomputation</div>
767              </div>
768            </div>
769          </div>
770        </div>
771
772      </section>
773
774
775      <!--NATURAL LANGUAGE PROCESSING COVER-->
776      <section>
777
778        <!--Title-->
779        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
780          <div class="flex items-center">
781            <span class="flex items-center mr-2">
782              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
783            </span>
784            <span>Technology Overview</span>
785          </div>
786        </h1>
787
788
789        <!--Content-->
790        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
791          <div class="flex flex-wrap w-full">
792            <div class="w-full h-32 mb-3">
793              <div
794                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
795                API</div>
796            </div>
797            <div class="w-1/4 h-32">
798              <div
799                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
800                Knowledge Graph</div>
801            </div>
802            <div class="w-1/4 h-32">
803              <div
804                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow">
805                Natural Language Processing</div>
806            </div>
807            <div class="w-1/4 h-32">
808              <div
809                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
810                Data Acquisition & Extraction</div>
811            </div>
812            <div class="w-1/4 h-32">
813              <div
814                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
815                Enriched Textual Corpus</div>
816            </div>
817          </div>
818        </div>
819
820      </section>
821
822      <!--NATURAL LANGUAGE PROCESSING-->
823      <section>
824
825        <!--Title-->
826        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
827          <div class="flex items-center">
828            <span class="flex items-center mr-2">
829              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
830            </span>
831            <span class="mr-2">Natural Language Processing</span>
832            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
833            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
834            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
835            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
836            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
837          </div>
838        </h1>
839
840        <!--Language Detection-->
841        <div class="my-6">
842          <div class="mb-1">
843            <div class="flex mb-1">
844              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Language Detection</div>
845              <div class="flex-grow" />
846              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
847            </div>
848          </div>
849          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
850            <div class="flex items-center mb-2 flex-rows">
851              <div class="text-left">Steve Jobs was the CEO of Apple.</div>
852              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
853              <img src="images/us.svg"
854                class="object-cover w-6 h-6 border border-gray-300 border-solid rounded-full shadow-inner" />
855            </div>
856            <div class="flex items-center flex-rows">
857              <div class="text-left">Steve Jobs était le PDG d'Apple.</div>
858              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
859              <img src="images/fr.svg"
860                class="object-cover w-6 h-6 border border-gray-300 border-solid rounded-full shadow-inner" />
861            </div>
862          </div>
863        </div>
864
865        <!--Sentence Segmentation-->
866        <div class="my-6">
867          <div class="mb-1">
868            <div class="flex mb-1">
869              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Sentence Segmentation</div>
870              <div class="flex-grow" />
871              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
872            </div>
873          </div>
874          <div class="px-4 py-4 bg-white border border-gray-400 border-solid rounded-lg shadow ">
875            <div class="text-left">
876              <span class="p-2 bg-gray-100 border border-gray-400 border-solid rounded-lg">Steve Jobs was the CEO of
877                Apple.</span>
878              <span class="p-2 bg-gray-100 border border-gray-400 border-solid rounded-lg">He was born in San
879                Francisco.</span>
880            </div>
881          </div>
882        </div>
883
884        <!--Tokenization-->
885        <div class="my-6">
886          <div class="mb-1">
887            <div class="flex mb-1">
888              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Tokenization</div>
889              <div class="flex-grow" />
890              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
891            </div>
892          </div>
893          <div class="px-4 py-4 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
894            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">Steve
895              Jobs</span>
896            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">was</span>
897            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">the</span>
898            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">CEO</span>
899            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">of</span>
900            <span class="p-2 bg-gray-100 border border-gray-300 border-solid rounded-lg">Apple</span>
901          </div>
902        </div>
903
904        <!--Part-of-speech tags and dependencies-->
905        <div class="my-6">
906          <div class="mb-1">
907            <div class="flex mb-1">
908              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Part-of-speech tags and
909                dependencies</div>
910              <div class="flex-grow" />
911              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
912            </div>
913          </div>
914          <div class="px-4 py-4 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
915            <svg width="950" height="180" viewBox="0 0 950 320" preserveAspectRatio="xMinYMax meet"
916              style="color: #2D3748; background: transparent; font: inherit;"><text fill="currentColor"
917                text-anchor="middle" y="240">
918                <tspan x="150" fill="currentColor" data-displacy="word">Apple</tspan>
919                <tspan x="150" dy="2em" fill="#38A169" font-weight="bold" data-displacy-tag="PROPN" class="d-tag">PROPN
920                </tspan>
921              </text><text fill="currentColor" text-anchor="middle" y="240">
922                <tspan x="350" fill="currentColor" data-displacy="word">is</tspan>
923                <tspan x="350" dy="2em" fill="#DD6B20" font-weight="bold" data-displacy-tag="AUX" class="d-tag">AUX
924                </tspan>
925              </text><text fill="currentColor" text-anchor="middle" y="240">
926                <tspan x="550" fill="currentColor" data-displacy="word">selling</tspan>
927                <tspan x="550" dy="2em" fill="#E53E3E" font-weight="bold" data-displacy-tag="VERB" class="d-tag">VERB
928                </tspan>
929              </text><text fill="currentColor" text-anchor="middle" y="240">
930                <tspan x="750" fill="currentColor" data-displacy="word">a great phone.</tspan>
931                <tspan x="750" dy="2em" fill="#3182CE" font-weight="bold" data-displacy-tag="NOUN" class="d-tag">NOUN
932                </tspan>
933              </text>
934              <g>
935                <path id="arrow-0" d="M150,200 C150,0 550,0 550,200" stroke-width="2" fill="none" stroke="currentColor"
936                  class="d-arc"></path><text dy="1em">
937                  <textPath xlink:href="#arrow-0" startOffset="50%" fill="currentColor" text-anchor="middle"
938                    class="d-label">nsubj</textPath>
939                </text>
940                <path d="M150,202 L144,192 156,192" fill="currentColor"></path>
941              </g>
942              <g>
943                <path id="arrow-1" d="M352.5,200 C352.5,100 547.5,100 547.5,200" stroke-width="2" fill="none"
944                  stroke="currentColor" class="d-arc"></path><text dy="1em">
945                  <textPath xlink:href="#arrow-1" startOffset="50%" fill="currentColor" text-anchor="middle"
946                    class="d-label">aux</textPath>
947                </text>
948                <path d="M352.5,202 L346.5,192 358.5,192" fill="currentColor"></path>
949              </g>
950              <g>
951                <path id="arrow-2" d="M552.5,200 C552.5,100 747.5,100 747.5,200" stroke-width="2" fill="none"
952                  stroke="currentColor" class="d-arc"></path><text dy="1em">
953                  <textPath xlink:href="#arrow-2" startOffset="50%" fill="currentColor" text-anchor="middle"
954                    class="d-label">dobj</textPath>
955                </text>
956                <path d="M747.5,202 L753.5,192 741.5,192" fill="currentColor"></path>
957              </g>
958            </svg>
959          </div>
960        </div>
961
962      </section>
963
964
965      <section>
966
967        <!--Title-->
968        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
969          <div class="flex items-center">
970            <span class="flex items-center mr-2">
971              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
972            </span>
973            <span class="mr-2">Natural Language Processing</span>
974            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
975            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
976            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
977            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
978            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
979          </div>
980        </h1>
981
982
983        <!--Reading Time Estimation-->
984        <div class="w-full my-12">
985          <div class="mb-1">
986            <div class="flex mb-1">
987              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Reading Time Estimation
988              </div>
989              <div class="flex-grow" />
990              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
991            </div>
992          </div>
993
994          <div class="px-4 py-2 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
995            <div class="flex items-center flex-rows">
996              <div class="text-left">Steve Jobs was the CEO of Apple...</div>
997              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
998              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
999                5 minutes read</div>
1000            </div>
1001          </div>
1002        </div>
1003
1004        <!--Readability Estimation-->
1005        <div class="w-full my-12">
1006          <div class="mb-1">
1007            <div class="flex mb-1">
1008              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Readability Estimation
1009              </div>
1010              <div class="flex-grow" />
1011              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1012            </div>
1013          </div>
1014          <div class="px-4 py-2 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
1015            <div class="flex items-center flex-rows">
1016              <div class="text-left">Steve Jobs was the CEO of Apple.</div>
1017              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1018              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1019                EASY</div>
1020            </div>
1021          </div>
1022        </div>
1023
1024        <!--Named Entity Recognition-->
1025        <div class="w-full my-12">
1026          <div class="mb-1">
1027            <div class="flex mb-1">
1028              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Named Entity Recognition
1029              </div>
1030              <div class="flex-grow" />
1031              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1032            </div>
1033          </div>
1034          <div class="px-4 py-4 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
1035            <span class="px-1 py-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg"><span
1036                class="p-1 mr-1 text-xs text-white uppercase bg-blue-500 rounded-full">PERSON</span>Steve
1037              Jobs</span>
1038            co-founded
1039            <span class="px-1 py-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg"><span
1040                class="p-1 mr-1 text-xs text-white uppercase bg-blue-500 rounded-full">ORGANIZATION</span>Apple</span>
1041            in
1042            <span class="px-1 py-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg"><span
1043                class="p-1 mr-1 text-xs text-white uppercase bg-blue-500 rounded-full">DATE</span>1976</span>
1044          </div>
1045        </div>
1046
1047
1048        <!--Named Entity Linking-->
1049        <div class="w-full my-12">
1050          <div class="mb-1">
1051            <div class="flex mb-1">
1052              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Named Entity Linking</div>
1053              <div class="flex-grow" />
1054              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1055            </div>
1056          </div>
1057          <div
1058            class="flex items-center px-4 py-2 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
1059            <a href="https://news.knowledia.com/topics/VAr?interfaceLanguage=en&country=&contentLanguage=&query="
1060              rel="noopener noreferrer" target="_blank">
1061              <span
1062                class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
1063                <img src="images/steve-jobs.png"
1064                  class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1065                  alt="Steve Jobs" />
1066                <span class="text-blue-500">Steve Jobs</span>
1067              </span>
1068            </a>
1069            co-founded
1070            <a href="https://news.knowledia.com/topics/LA?interfaceLanguage=en&country=&contentLanguage=&query="
1071              rel="noopener noreferrer" target="_blank">
1072              <span
1073                class="inline-flex items-center p-1 ml-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
1074                <img src="images/apple.png"
1075                  class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1076                  alt="Steve Jobs" />
1077                <span class="text-blue-500">Apple</span>
1078              </span></a>.
1079            He loved to eat
1080            <a href="https://news.knowledia.com/topics/33?interfaceLanguage=en&country=&contentLanguage=&query="
1081              rel="noopener noreferrer" target="_blank">
1082              <span
1083                class="inline-flex items-center p-1 ml-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
1084                <img src="images/apple-fruit.png"
1085                  class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1086                  alt="Steve Jobs" />
1087                <span class="text-blue-500">Apples</span>
1088              </span></a>.
1089
1090          </div>
1091        </div>
1092
1093      </section>
1094
1095
1096      <section>
1097
1098        <!--Title-->
1099        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1100          <div class="flex items-center">
1101            <span class="flex items-center mr-2">
1102              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1103            </span>
1104            <span class="mr-2">Natural Language Processing</span>
1105            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1106            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1107            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1108            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
1109            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
1110          </div>
1111        </h1>
1112
1113        <!--Co-Reference Resolution-->
1114        <div class="w-full my-16">
1115          <div class="mb-1">
1116            <div class="flex mb-1">
1117              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Co-Reference Resolution
1118              </div>
1119              <div class="flex-grow" />
1120              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1121            </div>
1122          </div>
1123          <div class="px-4 py-4 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
1124            <span class="px-1 py-2 font-semibold text-white bg-gray-100 bg-blue-500 rounded-lg">Steve Jobs</span> was
1125            the CEO of Apple.
1126            <span class="px-1 py-2 font-semibold text-white bg-gray-100 bg-blue-500 rounded-lg">He</span>
1127            was a perfectionist.
1128          </div>
1129        </div>
1130
1131        <!--Cross-Lingual Semantic Similarity-->
1132        <div class="w-full my-16">
1133          <div class="mb-1">
1134            <div class="flex mb-1">
1135              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Cross-Lingual Semantic
1136                Similarity</div>
1137              <div class="flex-grow" />
1138              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1139            </div>
1140          </div>
1141          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1142            <div class="flex items-center flex-rows">
1143              <div class="flex flex-col">
1144                <div class="flex items-center justify-center flex-rows">
1145                  <img src="images/us.svg"
1146                    class="object-cover w-6 h-6 mr-2 border border-gray-300 border-solid rounded-full shadow-inner" />
1147                  <div class="text-center">Martin Fourcade wins 11th world title, equalling all-time record.</div>
1148                </div>
1149                <div class="text-xs font-semibold">VS</div>
1150                <div class="flex items-center justify-center flex-rows">
1151                  <img src="images/fr.svg"
1152                    class="object-cover w-6 h-6 mr-2 border border-gray-300 border-solid rounded-full shadow-inner" />
1153                  <div class="text-center">Fourcade un palmarès en or.</div>
1154                </div>
1155              </div>
1156              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1157              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1158                highly similar</div>
1159            </div>
1160          </div>
1161        </div>
1162
1163        <!--Categorization-->
1164        <div class="w-full my-16">
1165          <div class="mb-1">
1166            <div class="flex mb-1">
1167              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Categorization</div>
1168              <div class="flex-grow" />
1169              <div class="text-sm font-normal text-right text-green-600 uppercase">Available</div>
1170            </div>
1171          </div>
1172          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1173            <div class="flex items-center mb-2 flex-rows">
1174              <div class="text-left">Martin Fourcade wins 11th world title, equalling all-time record.</div>
1175              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1176              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1177                Sports</div>
1178            </div>
1179          </div>
1180        </div>
1181
1182      </section>
1183
1184
1185      <section>
1186
1187        <!--Title-->
1188        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1189          <div class="flex items-center">
1190            <span class="flex items-center mr-2">
1191              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1192            </span>
1193            <span class="mr-2">Natural Language Processing</span>
1194            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1195            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1196            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1197            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1198            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
1199          </div>
1200        </h1>
1201
1202
1203        <!--Sentiment Analysis-->
1204        <div class="w-full my-12">
1205          <div class="mb-1">
1206            <div class="flex mb-1">
1207              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Sentiment Analysis</div>
1208              <div class="flex-grow" />
1209              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Soon</div>
1210            </div>
1211          </div>
1212          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1213            <div class="flex items-center mb-2 flex-rows">
1214              <div class="text-left">We lost awfully to England yesterday due to fatigue.</div>
1215              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1216              <div class="p-2 text-sm text-left text-white uppercase bg-red-500 rounded-full">
1217                Negative</div>
1218            </div>
1219            <div class="flex items-center flex-rows">
1220              <div class="text-left">The team played superbly winning all their games against some very good teams.
1221              </div>
1222              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1223              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1224                Positive</div>
1225            </div>
1226
1227          </div>
1228        </div>
1229
1230
1231        <!--Entity-Based Sentiment Analysis-->
1232        <div class="w-full my-12">
1233          <div class="mb-1">
1234            <div class="flex mb-1">
1235              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Entity-Based Sentiment
1236                Analysis</div>
1237              <div class="flex-grow" />
1238              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Soon</div>
1239            </div>
1240          </div>
1241
1242          <div
1243            class="flex items-center px-4 py-2 text-left bg-white border border-gray-400 border-solid rounded-lg shadow">
1244            <a href="https://news.knowledia.com/topics/1B7WY?interfaceLanguage=en&country=&contentLanguage=&query="
1245              rel="noopener noreferrer" target="_blank">
1246              <span
1247                class="inline-flex items-center p-1 mr-2 font-semibold bg-green-100 border border-green-600 border-solid rounded-lg">
1248                <img src="images/satya-nadella.png"
1249                  class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1250                  alt="Steve Jobs" />
1251                <span class="text-green-600">Satya Nadella</span>
1252              </span>
1253            </a>
1254            is a great CEO unlike
1255            <a href="https://news.knowledia.com/topics/4xH0?interfaceLanguage=en&country=&contentLanguage=&query="
1256              rel="noopener noreferrer" target="_blank">
1257              <span
1258                class="inline-flex items-center p-1 ml-2 mr-2 font-semibold bg-red-100 border border-red-600 border-solid rounded-lg">
1259                <img src="images/steve-ballmer.png"
1260                  class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1261                  alt="Steve Jobs" />
1262                <span class="text-red-600">Steve Ballmer</span>
1263              </span></a>.
1264          </div>
1265        </div>
1266
1267        <!--Aspect-Based Sentiment Analysis-->
1268        <div class="w-full my-12">
1269          <div class="mb-1">
1270            <div class="flex mb-1">
1271              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Aspect-Based Sentiment
1272                Analysis</div>
1273              <div class="flex-grow" />
1274              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Soon</div>
1275            </div>
1276          </div>
1277
1278          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1279            <div class="flex items-center flex-rows">
1280              <div class="text-center">The iPhone X delivers a gorgeous 5.8-inch OLED screen but I wish the battery was
1281                better.</div>
1282              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1283              <div class="flex flex-col items-center">
1284                <div class="p-2 mb-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1285                  Screen</div>
1286                <div class="p-2 text-sm text-left text-white uppercase bg-red-500 rounded-full">
1287                  Battery</div>
1288              </div>
1289            </div>
1290          </div>
1291        </div>
1292
1293      </section>
1294
1295
1296      <section>
1297
1298        <!--Title-->
1299        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1300          <div class="flex items-center">
1301            <span class="flex items-center mr-2">
1302              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1303            </span>
1304            <span class="mr-2">Natural Language Processing</span>
1305            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1306            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1307            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1308            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1309            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1310          </div>
1311        </h1>
1312
1313
1314        <!--Translation-->
1315        <div class="w-full my-10">
1316          <div class="mb-1">
1317            <div class="flex mb-1">
1318              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Translation</div>
1319              <div class="flex-grow" />
1320              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Later</div>
1321            </div>
1322          </div>
1323
1324          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1325            <div class="flex items-center flex-rows">
1326              <img src="images/us.svg"
1327                class="object-cover w-6 h-6 mr-2 border border-gray-300 border-solid rounded-full shadow-inner" />
1328              <div class="text-left">Steve Jobs was the CEO of Apple.</div>
1329              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1330              <img src="images/fr.svg"
1331                class="object-cover w-6 h-6 mr-2 border border-gray-300 border-solid rounded-full shadow-inner" />
1332              <div class="text-left">Steve Jobs était le PDG d'Apple.</div>
1333            </div>
1334          </div>
1335        </div>
1336
1337        <!--Information Extraction-->
1338        <div class="w-full my-10">
1339          <div class="mb-1">
1340            <div class="flex mb-1">
1341              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Information Extraction
1342              </div>
1343              <div class="flex-grow" />
1344              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Later</div>
1345            </div>
1346          </div>
1347
1348          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1349            <div class="flex items-center flex-rows">
1350              <div class="text-center">Microsoft announced their acquisition of LinkedIn.</div>
1351              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1352              <div class="flex items-center">
1353                <a href="https://news.knowledia.com/topics/3C7?interfaceLanguage=en&country=&contentLanguage=&query="
1354                  rel="noopener noreferrer" target="_blank">
1355                  <span
1356                    class="inline-flex items-center p-1 ml-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
1357                    <img src="images/microsoft.png"
1358                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1359                      alt="Microsoft" />
1360                    <span class="text-blue-500">Microsoft</span>
1361                  </span></a>
1362                <span class="mx-3 font-semibold">subsidiary</span>
1363                <a href="https://news.knowledia.com/topics/55jA?interfaceLanguage=en&country=&contentLanguage=&query="
1364                  rel="noopener noreferrer" target="_blank">
1365                  <span
1366                    class="inline-flex items-center p-1 ml-2 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
1367                    <img src="images/linkedin.svg"
1368                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner"
1369                      alt="Steve Jobs" />
1370                    <span class="text-blue-500">LinkedIn</span>
1371                  </span></a>
1372              </div>
1373            </div>
1374          </div>
1375        </div>
1376
1377        <!--Question Answering-->
1378        <div class="w-full my-10">
1379          <div class="mb-1">
1380            <div class="flex mb-1">
1381              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Question Answering</div>
1382              <div class="flex-grow" />
1383              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Later</div>
1384            </div>
1385          </div>
1386
1387          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1388            <div class="flex items-center flex-rows">
1389              <div class="flex flex-col">
1390                <div class="flex items-center justify-center flex-rows">
1391                  <div class="text-center">South Korea reported 231 new cases of a coronavirus, taking total infections
1392                    to 833.</div>
1393                </div>
1394                <div class="text-xs font-semibold">+</div>
1395                <div class="flex items-center justify-center flex-rows">
1396                  <div class="text-center">How many coronavirus cases were reported in South Korea?</div>
1397                </div>
1398              </div>
1399              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1400              <div class="p-2 text-sm text-left text-white uppercase bg-green-500 rounded-full">
1401                833</div>
1402            </div>
1403          </div>
1404        </div>
1405
1406
1407        <!--Summarization-->
1408        <div class="w-full my-10">
1409          <div class="mb-1">
1410            <div class="flex mb-1">
1411              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Summarization</div>
1412              <div class="flex-grow" />
1413              <div class="text-sm font-normal text-right text-blue-600 uppercase">Available Later</div>
1414            </div>
1415          </div>
1416
1417          <div class="px-4 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1418            <div class="flex items-center justify-center mb-2 flex-rows">
1419              <div class="text-left">South Korea reported 231 new cases of a coronavirus, taking total infections to
1420                833, health authorities said on Monday, a day after raising its infectious disease alert to the highest
1421                level...</div>
1422              <div class="px-3 text-xl font-bold text-blue-600">&#8594;</div>
1423              <div class="flex-shrink-0">South Korea coronavirus cases surge</div>
1424            </div>
1425          </div>
1426        </div>
1427
1428      </section>
1429
1430
1431      <!--DATA ACQUISITION & EXTRACTION COVER-->
1432      <section>
1433
1434        <!--Title-->
1435        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1436          <div class="flex items-center">
1437            <span class="flex items-center mr-2">
1438              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1439            </span>
1440            <span>Technology Overview</span>
1441          </div>
1442        </h1>
1443
1444
1445        <!--Content-->
1446        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
1447          <div class="flex flex-wrap w-full">
1448            <div class="w-full h-32 mb-3">
1449              <div
1450                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
1451                API</div>
1452            </div>
1453            <div class="w-1/4 h-32">
1454              <div
1455                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
1456                Knowledge Graph</div>
1457            </div>
1458            <div class="w-1/4 h-32">
1459              <div
1460                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
1461                Natural Language Processing</div>
1462            </div>
1463            <div class="w-1/4 h-32">
1464              <div
1465                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow">
1466                Data Acquisition & Extraction</div>
1467            </div>
1468            <div class="w-1/4 h-32">
1469              <div
1470                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
1471                Enriched Textual Corpus</div>
1472            </div>
1473          </div>
1474        </div>
1475
1476      </section>
1477
1478
1479      <!--DATA ACQUISITION & EXTRACTION-->
1480      <section>
1481
1482        <!--Title-->
1483        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1484          <div class="flex items-center">
1485            <span class="flex items-center mr-2">
1486              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1487            </span>
1488            <span class="mr-2">DATA ACQUISITION & EXTRACTION</span>
1489            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1490            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
1491          </div>
1492        </h1>
1493
1494
1495
1496        <!--Content-->
1497        <div class="w-full">
1498          <div class="mb-1">
1499            <div class="flex items-center justify-between mb-1">
1500              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Generic Scalable
1501                Distributed Crawler
1502              </div>
1503            </div>
1504          </div>
1505          <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
1506            <div class="flex flex-row items-center justify-center">
1507              <div class="flex flex-col mx-2">
1508                <img class="w-16 h-16 my-2" src="images/internet.png" />
1509                <img class="w-16 h-16 my-2" src="images/db.png" />
1510              </div>
1511              <div class="flex items-center h-32 mx-2 text-2xl">&#8596;</div>
1512              <div class="flex items-center p-6 bg-gray-100 border-gray-400 border-solid rounded-lg shadow">
1513                <div class="flex flex-col items-center h-full mx-2">
1514                  <div class="flex flex-col items-center">
1515                    <img class="w-10 h-10 mb-1" src="images/scheduler.png" />
1516                    <div class="text-sm font-semibold">RootsScheduler 1</div>
1517                  </div>
1518                  <div class="my-5">...</div>
1519                  <div class="flex flex-col items-center">
1520                    <img class="w-10 h-10 mb-1" src="images/scheduler.png" />
1521                    <div class="text-sm font-semibold">RootsScheduler N</div>
1522                  </div>
1523                </div>
1524                <div class="flex items-center h-32 mx-2 text-2xl">&#8594;</div>
1525                <div class="flex flex-col items-center h-full mx-2">
1526                  <div class="flex flex-col items-center">
1527                    <img class="w-10 h-10 mb-1" src="images/roots.png" />
1528                    <div class="text-sm font-semibold">RootsProcessor 1</div>
1529                  </div>
1530                  <div class="my-5">...</div>
1531                  <div class="flex flex-col items-center">
1532                    <img class="w-10 h-10 mb-1" src="images/roots.png" />
1533                    <div class="text-sm font-semibold">RootsProcessor N</div>
1534                  </div>
1535                </div>
1536                <div class="flex items-center h-32 mx-2 text-2xl">&#8594;</div>
1537                <div class="flex flex-col items-center h-full mx-2">
1538                  <div class="flex flex-col items-center">
1539                    <img class="w-10 h-10 mb-1" src="images/downloader.png" />
1540                    <div class="text-sm font-semibold">ItemsFetcher 1</div>
1541                  </div>
1542                  <div class="my-5">...</div>
1543                  <div class="flex flex-col items-center">
1544                    <img class="w-10 h-10 mb-1" src="images/downloader.png" />
1545                    <div class="text-sm font-semibold">ItemsFetcher N</div>
1546                  </div>
1547                </div>
1548                <div class="flex items-center h-32 mx-2 text-2xl">&#8594;</div>
1549                <div class="flex flex-col items-center h-full mx-2">
1550                  <div class="flex flex-col items-center">
1551                    <img class="w-10 h-10 mb-1" src="images/processor.png" />
1552                    <div class="text-sm font-semibold">ItemsProcessor 1</div>
1553                  </div>
1554                  <div class="my-5">...</div>
1555                  <div class="flex flex-col items-center">
1556                    <img class="w-10 h-10 mb-1" src="images/processor.png" />
1557                    <div class="text-sm font-semibold">ItemsProcessor N</div>
1558                  </div>
1559                </div>
1560              </div>
1561            </div>
1562          </div>
1563        </div>
1564
1565        <div class="w-full mt-5">
1566          <div class="mb-1">
1567            <div class="flex items-center justify-between mb-1">
1568              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Crawler Live Dashboard
1569              </div>
1570            </div>
1571          </div>
1572          <div>
1573            <img
1574              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
1575              src="images/dashboard.png" />
1576          </div>
1577        </div>
1578
1579      </section>
1580
1581
1582      <section>
1583
1584        <!--Title-->
1585        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1586          <div class="flex items-center">
1587            <span class="flex items-center mr-2">
1588              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1589            </span>
1590            <span class="mr-2">DATA ACQUISITION & EXTRACTION</span>
1591            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1592            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1593          </div>
1594        </h1>
1595
1596
1597
1598        <!--Content-->
1599        <div class="w-full">
1600          <div class="mb-1">
1601            <div class="flex items-center justify-between mb-1">
1602              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Automatic Content
1603                Extraction
1604              </div>
1605            </div>
1606          </div>
1607        </div>
1608        <div style="height:560px" class="w-full p-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
1609          <div class="flex items-center w-full h-full">
1610            <div class="w-full h-full">
1611              <img
1612                class="object-contain object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
1613                src="images/extraction.png" />
1614            </div>
1615            <div class="flex items-center h-full mx-2 text-2xl">&#8594;</div>
1616            <div class="w-full h-full p-6 text-left bg-gray-100 border border-gray-400 border-solid rounded-lg shadow">
1617              <div class="mb-5">
1618                <div class="mb-1 text-xs font-bold tracking-wide text-blue-600 uppercase">Title</div>
1619                <div class="mb-1 text-sm font-semibold">The Toyko Olympics could actually be canceled due to the
1620                  coronavirus outbreak</div>
1621              </div>
1622              <div class="mb-5">
1623                <div class="mb-1 text-xs font-bold tracking-wide text-blue-600 uppercase">Authors</div>
1624                <div class="mb-1 text-sm font-semibold">Mike Wehner</div>
1625              </div>
1626              <div class="mb-5">
1627                <div class="mb-1 text-xs font-bold tracking-wide text-blue-600 uppercase">Publication Date</div>
1628                <div class="mb-1 text-sm font-semibold">February 25th, 2020 at 3:12 PM</div>
1629              </div>
1630              <div class="mb-5">
1631                <div class="mb-1 text-xs font-bold tracking-wide text-blue-600 uppercase">Text</div>
1632                <div class="mb-1 text-sm font-semibold">The coronavirus outbreak originated and China and has since
1633                  slowly spread across many corners of the globe. Most confirmed cases of COVID-19 infection are
1634                  isolated to China, but neighboring countries including Japan have seen their fair share as well...
1635                </div>
1636              </div>
1637              <div class="mb-5">
1638                <div class="mb-1 text-xs font-bold tracking-wide text-blue-600 uppercase">Media</div>
1639                <img
1640                  class="object-cover object-left-top w-auto h-32 bg-white border border-gray-400 border-solid rounded-lg shadow"
1641                  src="images/media.jpg" />
1642              </div>
1643            </div>
1644          </div>
1645        </div>
1646
1647      </section>
1648
1649
1650      <!--ENRICHED TEXTUAL CORPUS COVER-->
1651      <section>
1652
1653        <!--Title-->
1654        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1655          <div class="flex items-center">
1656            <span class="flex items-center mr-2">
1657              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1658            </span>
1659            <span>Technology Overview</span>
1660          </div>
1661        </h1>
1662
1663
1664        <!--Content-->
1665        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
1666          <div class="flex flex-wrap w-full">
1667            <div class="w-full h-32 mb-3">
1668              <div
1669                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
1670                API</div>
1671            </div>
1672            <div class="w-1/4 h-32">
1673              <div
1674                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
1675                Knowledge Graph</div>
1676            </div>
1677            <div class="w-1/4 h-32">
1678              <div
1679                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
1680                Natural Language Processing</div>
1681            </div>
1682            <div class="w-1/4 h-32">
1683              <div
1684                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
1685                Data Acquisition & Extraction</div>
1686            </div>
1687            <div class="w-1/4 h-32">
1688              <div
1689                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow">
1690                Enriched Textual Corpus</div>
1691            </div>
1692          </div>
1693        </div>
1694
1695      </section>
1696
1697
1698      <!--ENRICHED TEXTUAL CORPUS-->
1699      <section>
1700
1701        <!--Title-->
1702        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1703          <div class="flex items-center">
1704            <span class="flex items-center mr-2">
1705              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1706            </span>
1707            <span class="mr-2">Enriched Textual Corpus</span>
1708            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1709            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
1710          </div>
1711        </h1>
1712
1713        <!--Content-->
1714        <div class="w-full">
1715          <div class="mb-1">
1716            <div class="flex items-center justify-between mb-1">
1717              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">WE COMBINE TECHNOLOGY
1718                MODULES
1719              </div>
1720            </div>
1721          </div>
1722        </div>
1723        <div class="p-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
1724          <div class="flex items-center w-full">
1725            <div class="h-32">
1726              <div
1727                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow">
1728                Knowledge Graph</div>
1729            </div>
1730            <div class="flex items-center h-32 text-2xl">+</div>
1731            <div class="h-32">
1732              <div
1733                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow">
1734                Natural Language Processing</div>
1735            </div>
1736            <div class="flex items-center h-32 text-2xl">+</div>
1737            <div class="h-32">
1738              <div
1739                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow">
1740                Data Acquisition & Extraction</div>
1741            </div>
1742            <div class="flex items-center h-32 text-2xl">&#8594;</div>
1743            <div class="h-32">
1744              <div
1745                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow">
1746                Enriched Textual Corpus</div>
1747            </div>
1748          </div>
1749        </div>
1750
1751        <div class="w-full mt-5">
1752          <div class="mb-1">
1753            <div class="flex items-center justify-between mb-1">
1754              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Enriched Document
1755              </div>
1756            </div>
1757          </div>
1758        </div>
1759        <div class="w-full px-6 py-2 bg-white border border-gray-400 border-solid rounded-lg shadow">
1760          <div class="flex items-center w-full h-full">
1761            <div>
1762              <img class="w-64 h-64" src="images/document.svg" />
1763            </div>
1764            <div class="flex items-center h-full text-2xl">&#8594;</div>
1765            <div class="w-full h-full py-2">
1766              <div class="flex flex-wrap">
1767                <div class="w-1/5 mb-5">
1768                  <div class="flex flex-col items-center justify-center">
1769                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1770                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1771                      <path
1772                        d="M12.9056439,14.3198574 C11.5509601,15.3729184 9.84871145,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,9.84871145 15.3729184,11.5509601 14.3198574,12.9056439 L19.6568542,18.2426407 L18.2426407,19.6568542 L12.9056439,14.3198574 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z"
1773                        id="Combined-Shape"></path>
1774                    </svg>
1775                    <div class="text-sm font-semibold text-gray-800">Searchable</div>
1776                  </div>
1777                </div>
1778                <div class="w-1/5 mb-5">
1779                  <div class="flex flex-col items-center justify-center">
1780                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1781                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1782                      <polygon id="Combined-Shape"
1783                        points="7.66666667 12 2 12 2 20 0 20 0 0 1 0 12 0 12.3333333 2 20 2 17 8 20 14 8 14 7.66666667 12">
1784                      </polygon>
1785                    </svg>
1786                    <div class="text-sm font-semibold text-gray-800">Language</div>
1787                  </div>
1788                </div>
1789                <div class="w-1/5 mb-5">
1790                  <div class="flex flex-col items-center justify-center">
1791                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1792                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1793                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1794                        <g id="icon-shape">
1795                          <path
1796                            d="M9,8.5 L9,4 L11,4 L11,9.58578644 L14.9497475,13.5355339 L13.5355339,14.9497475 L9,10.4142136 L9,8.5 Z M10,20 C15.5228475,20 20,15.5228475 20,10 C20,4.4771525 15.5228475,0 10,0 C4.4771525,0 0,4.4771525 0,10 C0,15.5228475 4.4771525,20 10,20 Z M10,18 C14.418278,18 18,14.418278 18,10 C18,5.581722 14.418278,2 10,2 C5.581722,2 2,5.581722 2,10 C2,14.418278 5.581722,18 10,18 Z"
1797                            id="Combined-Shape"></path>
1798                        </g>
1799                      </g>
1800                    </svg>
1801                    <div class="text-sm font-semibold text-gray-800">Reading Time</div>
1802                  </div>
1803                </div>
1804                <div class="w-1/5 mb-5">
1805                  <div class="flex flex-col items-center justify-center">
1806                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1807                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1808                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1809                        <g id="icon-shape">
1810                          <path
1811                            d="M11.9321237,9.48208981 C12.110309,10.1493234 11.9376722,10.8907549 11.4142136,11.4142136 C10.633165,12.1952621 9.36683502,12.1952621 8.58578644,11.4142136 C7.80473785,
181110.633165 7.80473785,9.36683502 8.58578644,8.58578644 C9.10924511,8.06232776 9.8506766,7.88969103 10.5179102,8.06787625 L13.5355339,5.05025253 L14.9497475,6.46446609 L11.9321237,9.48208981 Z M15.5995658,15.7135719 C17.0809102,14.261603 18,12.238134 18,10 C18,5.581722 14.418278,2 10,2 C5.581722,2 2,5.581722 2,10 C2,12.238134 2.91908983,14.261603 4.40043425,15.7135719 C5.99810554,14.63183 7.92526686,14 10,14 C12.0747331,14 14.0018945,14.63183 15.5995658,15.7135719 Z M10,20 C15.5228475,20 20,15.5228475 20,10 C20,4.4771525 15.5228475,0 10,0 C4.4771525,0 0,4.4771525 0,10 C0,15.5228475 4.4771525,20 10,20 Z"
1812                            id="Combined-Shape"></path>
1813                        </g>
1814                      </g>
1815                    </svg>
1816                    <div class="text-sm font-semibold text-gray-800">Readability</div>
1817                  </div>
1818                </div>
1819                <div class="w-1/5 mb-5">
1820                  <div class="flex flex-col items-center justify-center">
1821                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1822                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1823                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1824                        <g id="icon-shape">
1825                          <path
1826                            d="M11,9.26756439 L11,0 L9,0 L9,9.26756439 C8.40219863,9.61337381 8,10.2597176 8,11 C8,12.1045695 8.8954305,13 10,13 C11.1045695,13 12,12.1045695 12,11 C12,10.2597176 11.5978014,9.61337381 11,9.26756439 Z M3,11 L9,0 L11,0 L17,11 L13,17 L7,17 L3,11 Z M6,18 L14,18 L14,20 L6,20 L6,18 Z"
1827                            id="Combined-Shape"></path>
1828                        </g>
1829                      </g>
1830                    </svg>
1831                    <div class="text-sm font-semibold text-gray-800">Authors</div>
1832                  </div>
1833                </div>
1834                <div class="w-1/5 mb-5">
1835                  <div class="flex flex-col items-center justify-center">
1836                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1837                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1838                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1839                        <g id="icon-shape">
1840                          <path
1841                            d="M1,3.99508929 C1,2.8932319 1.8926228,2 2.99508929,2 L17.0049107,2 C18.1067681,2 19,2.8926228 19,3.99508929 L19,18.0049107 C19,19.1067681 18.1073772,20 17.0049107,20 L2.99508929,20 C1.8932319,20 1,19.1073772 1,18.0049107 L1,3.99508929 Z M3,6 L17,6 L17,18 L3,18 L3,6 Z M5,0 L7,0 L7,2 L5,2 L5,0 Z M13,0 L15,0 L15,2 L13,2 L13,0 Z M5,9 L7,9 L7,11 L5,11 L5,9 Z M5,13 L7,13 L7,15 L5,15 L5,13 Z M9,9 L11,9 L11,11 L9,11 L9,9 Z M9,13 L11,13 L11,15 L9,15 L9,13 Z M13,9 L15,9 L15,11 L13,11 L13,9 Z M13,13 L15,13 L15,15 L13,15 L13,13 Z"
1842                            id="Combined-Shape"></path>
1843                        </g>
1844                      </g>
1845                    </svg>
1846                    <div class="text-sm font-semibold text-gray-800">Dates</div>
1847                  </div>
1848                </div>
1849                <div class="w-1/5 mb-5">
1850                  <div class="flex flex-col items-center justify-center">
1851                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1852                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1853                      <path
1854                        d="M11,13 L8,10 L2,16 L11,16 L18,16 L13,11 L11,13 Z M0,3.99406028 C0,2.8927712 0.898212381,2 1.99079514,2 L18.0092049,2 C19.1086907,2 20,2.89451376 20,3.99406028 L20,16.0059397 C20,17.1072288 19.1017876,18 18.0092049,18 L1.99079514,18 C0.891309342,18 0,17.1054862 0,16.0059397 L0,3.99406028 Z M15,9 C16.1045695,9 17,8.1045695 17,7 C17,5.8954305 16.1045695,5 15,5 C13.8954305,5 13,5.8954305 13,7 C13,8.1045695 13.8954305,9 15,9 Z"
1855                        id="Combined-Shape"></path>
1856                    </svg>
1857                    <div class="text-sm font-semibold text-gray-800">Images</div>
1858                  </div>
1859                </div>
1860                <div class="w-1/5 mb-5">
1861                  <div class="flex flex-col items-center justify-center">
1862                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1863                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1864                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1865                        <g id="icon-shape">
1866                          <path
1867                            d="M12.0077993,4.25043997 C11.9388732,3.14497386 12.3267977,2.01634806 13.1715729,1.17157288 C14.73367,-0.390524292 17.26633,-0.390524292 18.8284271,1.17157288 C20.3905243,2.73367004 20.3905243,5.26632996 18.8284271,6.82842712 C17.9836519,7.67320231 16.8550261,8.06112684 15.74956,7.99220072 L12.0077993,4.25043997 Z M1.85786438,15.3137085 L11.0502525,6.12132034 L13.8786797,8.94974747 L4.6862915,18.1421356 L1.85786438,15.3137085 Z M0.443650814,18.1421356 L2.56497116,16.
18670208153 L3.97918472,17.4350288 L1.85786438,19.5563492 L0.443650814,18.1421356 Z M10,15 L12,13 L12,20 L10,20 L10,15 Z"
1868                            id="Combined-Shape"></path>
1869                        </g>
1870                      </g>
1871                    </svg>
1872                    <div class="text-sm font-semibold text-gray-800">Audio</div>
1873                  </div>
1874                </div>
1875                <div class="w-1/5 mb-5">
1876                  <div class="flex flex-col items-center justify-center">
1877                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1878                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1879                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1880                        <g id="icon-shape">
1881                          <path
1882                            d="M0,3.99406028 C0,2.8927712 0.898212381,2 1.99079514,2 L18.0092049,2 C19.1086907,2 20,2.89451376 20,3.99406028 L20,16.0059397 C20,17.1072288 19.1017876,18 18.0092049,18 L1.99079514,18 C0.891309342,18 0,17.1054862 0,16.0059397 L0,3.99406028 Z M6,4 L14,4 L14,16 L6,16 L6,4 Z M2,5 L4,5 L4,7 L2,7 L2,5 Z M2,9 L4,9 L4,11 L2,11 L2,9 Z M2,13 L4,13 L4,15 L2,15 L2,13 Z M16,5 L18,5 L18,7 L16,7 L16,5 Z M16,9 L18,9 L18,11 L16,11 L16,9 Z M16,13 L18,13 L18,15 L16,15 L16,13 Z M8,7 L13,10 L8,13 L8,7 Z"
1883                            id="Combined-Shape"></path>
1884                        </g>
1885                      </g>
1886                    </svg>
1887                    <div class="text-sm font-semibold text-gray-800">Videos</div>
1888                  </div>
1889                </div>
1890                <div class="w-1/5 mb-5">
1891                  <div class="flex flex-col items-center justify-center">
1892                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1893                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1894                      <path
1895                        d="M4.99999861,5.00218626 C4.99999861,2.23955507 7.24419318,0 9.99999722,0 C12.7614202,0 14.9999958,2.22898489 14.9999958,5.00218626 L14.9999958,6.99781374 C14.9999958,9.76044493 12.7558013,12 9.99999722,12 C7.23857424,12 4.99999861,9.77101511 4.99999861,6.99781374 L4.99999861,5.00218626 Z M1.11022272e-16,16.6756439 C2.94172855,14.9739441 6.3571245,14 9.99999722,14 C13.6428699,14 17.0582659,14.9739441 20,16.6756471 L19.9999944,20 L0,20 L1.11022272e-16,16.6756439 Z"
1896                        id="Combined-Shape"></path>
1897                    </svg>
1898                    <div class="text-sm font-semibold text-gray-800">People</div>
1899                  </div>
1900                </div>
1901                <div class="w-1/5 mb-5">
1902                  <div class="flex flex-col items-center justify-center">
1903                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1904                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1905                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1906                        <g id="icon-shape">
1907                          <path
1908                            d="M0,6 L10,0 L20,6 L20,8 L0,8 L0,6 Z M0,18 L20,18 L20,20 L0,20 L0,18 Z M2,16 L18,16 L18,18 L2,18 L2,16 Z M2,8 L6,8 L6,16 L2,16 L2,8 Z M8,8 L12,8 L12,16 L8,16 L8,8 Z M14,8 L18,8 L18,16 L14,16 L14,8 Z"
1909                            id="Combined-Shape"></path>
1910                        </g>
1911                      </g>
1912                    </svg>
1913                    <div class="text-sm font-semibold text-gray-800">Companies</div>
1914                  </div>
1915                </div>
1916                <div class="w-1/5 mb-5">
1917                  <div class="flex flex-col items-center justify-center">
1918                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1919                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1920                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1921                        <g id="icon-shape">
1922                          <path
1923                            d="M10,20 C10,20 17,10.8659932 17,7 C17,3.13400675 13.8659932,0 10,0 C6.13400675,0 3,3.13400675 3,7 C3,10.8659932 10,20 10,20 Z M10,9 C11.1045695,9 12,8.1045695 12,7 C12,5.8954305 11.1045695,5 10,5 C8.8954305,5 8,5.8954305 8,7 C8,8.1045695 8.8954305,9 10,9 Z"
1924                            id="Combined-Shape"></path>
1925                        </g>
1926                      </g>
1927                    </svg>
1928                    <div class="text-sm font-semibold text-gray-800">Places</div>
1929                  </div>
1930                </div>
1931                <div class="w-1/5 mb-5">
1932                  <div class="flex flex-col items-center justify-center">
1933                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1934                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1935                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1936                        <g id="icon-shape">
1937                          <path
1938                            d="M1,4 L3,4 L3,6 L1,6 L1,4 Z M5,4 L19,4 L19,6 L5,6 L5,4 Z M1,9 L3,9 L3,11 L1,11 L1,9 Z M5,9 L19,9 L19,11 L5,11 L5,9 Z M1,14 L3,14 L3,16 L1,16 L1,14 Z M5,14 L19,14 L19,16 L5,16 L5,14 Z"
1939                            id="Combined-Shape"></path>
1940                        </g>
1941                      </g>
1942                    </svg>
1943                    <div class="text-sm font-semibold text-gray-800">Topics</div>
1944                  </div>
1945                </div>
1946                <div class="w-1/5 mb-5">
1947                  <div class="flex flex-col items-center justify-center">
1948                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1949                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1950                      <path
1951                        d="M0,10 L0,2 L2,0 L10,0 L20,10 L10,20 L0,10 Z M4.5,6 C5.32842712,6 6,5.32842712 6,4.5 C6,3.67157288 5.32842712,3 4.5,3 C3.67157288,3 3,3.67157288 3,4.5 C3,5.32842712 3.67157288,6 4.5,6 Z"
1952                        id="Combined-Shape"></path>
1953                    </svg>
1954                    <div class="text-sm font-semibold text-gray-800">Categories</div>
1955                  </div>
1956                </div>
1957                <div class="w-1/5">
1958                  <div class="flex flex-col items-center justify-center">
1959                    <svg class="inline-block w-8 h-8 mb-1 text-blue-500 fill-current" viewBox="0 0 20 20" version="1.1"
1960                      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1961                      <g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
1962                        <g id="icon-shape">
1963                          <path
1964                            d="M11.0010436,0 C9.89589787,0 9.00000024,0.886706352 9.0000002,1.99810135 L9,8 L1.9973917,8 C0.894262725,8 0,8.88772964 0,10 L0,12 L2.29663334,18.1243554 C2.68509206,19.1602453 3.90195042,20 5.00853025,20 L12.9914698,20 C14.1007504,20 15,19.1125667 15,18.000385 L15,10 L12,3 L12,0 L11.0010436,0 L11.0010436,0 Z M17,10 L20,10 L20,20 L17,20 L17,10 L17,10 Z"
1965                            id="Fill-97"></path>
1966                        </g>
1967                      </g>
1968                    </svg>
1969                    <div class="text-sm font-semibold text-gray-800">Sentiment</div>
1970                  </div>
1971                </div>
1972              </div>
1973            </div>
1974          </div>
1975        </div>
1976
1977      </section>
1978
1979      <section>
1980
1981        <!--Title-->
1982        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
1983          <div class="flex items-center">
1984            <span class="flex items-center mr-2">
1985              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
1986            </span>
1987            <span class="mr-2">Enriched Textual Corpus</span>
1988            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1989            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
1990          </div>
1991        </h1>
1992
1993        <!--Content-->
1994        <div class="w-full">
1995          <div class="mb-1">
1996            <div class="flex items-center justify-between mb-1">
1997              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Sources
1998              </div>
1999            </div>
2000          </div>
2001        </div>
2002        <div class="w-full p-6 mb-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
2003          <div class="flex flex-wrap">
2004
2005            <div class="flex items-center justify-center w-1/2 mb-8">
2006              <div class="flex flex-col items-center justify-center">
2007                <div class="flex items-center justify-center">
2008                  <img class="w-12 h-12 mr-2" src="images/usa-today.svg" />
2009                  <img class="w-12 h-12 mr-2" src="images/nyt.png" />
2010                  <img class="w-12 h-12 mr-2" src="images/cnn.png" />
2011                  <img class="w-12 h-12 mr-2" src="images/bbc.png" />
2012                  <img class="w-12 h-12 mr-2" src="images/techcrunch.png" />
2013                </div>
2014                <div class="mt-4 text-xl font-semibold text-gray-800">News / Blogs</div>
2015              </div>
2016            </div>
2017
2018            <div class="flex items-center justify-center w-1/2 mb-8">
2019              <div class="flex flex-col items-center justify-center">
2020                <div class="flex items-center justify-center">
2021                  <img class="w-12 h-12 mr-2" src="images/twitter.png" />
2022                  <img class="w-12 h-12 mr-2" src="images/facebook.svg" />
2023                  <img class="w-12 h-12 mr-2" src="images/linkedin.svg" />
2024                  <img class="w-12 h-12 mr-2" src="images/instagram.svg" />
2025                  <img class="w-12 h-12 mr-2" src="images/pinterest.svg" />
2026                </div>
2027                <div class="mt-4 text-xl font-semibold text-gray-800">Social Media Posts</div>
2028              </div>
2029            </div>
2030
2031            <div class="flex items-center justify-center w-1/2">
2032              <div class="flex flex-col items-center justify-center">
2033                <div class="flex items-center justify-center">
2034                  <img class="w-12 h-12 mr-2" src="images/tv.png" />
2035                  <img class="w-12 h-12 mr-2" src="images/radio.png" />
2036                  <img class="w-12 h-12 mr-2" src="images/podcast.svg" />
2037                  <img class="w-12 h-12 mr-2" src="images/books.png" />
2038                </div>
2039                <div class="mt-4 text-xl font-semibold text-gray-800">Transcripts / Books</div>
2040              </div>
2041            </div>
2042
2043            <div class="flex items-center justify-center w-1/2">
2044              <div class="flex flex-col items-center justify-center">
2045                <div class="flex items-center justify-center">
2046                  <img class="w-12 h-12 mr-2" src="images/history.svg" />
2047                </div>
2048                <div class="mt-4 text-xl font-semibold text-gray-800">News History</div>
2049              </div>
2050            </div>
2051
2052          </div>
2053
2054        </div>
2055
2056        <div class="w-full">
2057          <div class="mb-1">
2058            <div class="flex items-center justify-between mb-1">
2059              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Current numbers
2060              </div>
2061            </div>
2062          </div>
2063        </div>
2064        <div class="w-full p-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
2065          <div class="flex flex-wrap">
2066            <div class="flex items-center justify-center w-1/2">
2067              <div class="flex flex-col items-center justify-center fill-current flesh">
2068                <svg class="inline-block w-24 h-24" xmlns="http://www.w3.org/2000/svg"
2069                  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px"
2070                  viewBox="0 0 299.994 299.994" style="enable-background:new 0 0 299.994 299.994;" xml:space="preserve">
2071                  <g xmlns="http://www.w3.org/2000/svg">
2072                    <g>
2073                      <g>
2074                        <rect x="87.751" y="180.456" width="93.369" height="10.374" />
2075                        <rect x="87.751" y="157.444" width="93.369" height="10.374" />
2076                        <rect x="87.751" y="134.433" width="93.369" height="10.374" />
2077                        <rect x="87.751" y="204.792" width="93.369" height="10.374" />
2078                        <path
2079                          d="M149.997,0C67.156,0,0,67.156,0,149.997s67.156,149.997,149.997,149.997s149.997-67.156,149.997-149.997     S232.839,0,149.997,0z M201.641,211.953v18.225c0,10.066-8.159,18.225-18.22,18.225H85.453c-10.066,0-18.225-8.159-18.225-18.225     V95.763c0-10.066,8.157-18.225,18.225-18.225h97.967c10.066,0,18.223,8.159,18.22,18.228c0.001,0,0.001,18.222,0.001,18.222     V211.953z M224.986,188.61v18.217c0,8.237-5.467,15.193-12.971,17.45v-12.325v-97.967V95.763     c0-15.769-12.828-28.599-28.594-28.599H91.349c2.259-7.503,9.21-12.971,17.45-12.971h97.967c10.061,0,18.22,8.162,18.217,18.228     v18.223h0.003V188.61z" />
2080                        <rect x="87.751" y="111.418" width="93.3
208069" height="10.374" />
2081                      </g>
2082                    </g>
2083                  </g>
2084                </svg>
2085                <div class="mt-4 text-xl font-bold">1 million documents</div>
2086              </div>
2087            </div>
2088
2089            <div class="flex items-center justify-center w-1/2">
2090              <div class="flex flex-col items-center justify-center fill-current silicium">
2091                <svg class="inline-block w-24 h-24" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
2092                  xmlns:xlink="http://www.w3.org/1999/xlink">
2093                  <path
2094                    d="M10,1 L20,7 L10,13 L0,7 L10,1 Z M16.6666667,11 L20,13 L10,19 L0,13 L3.33333333,11 L10,15 L16.6666667,11 Z"
2095                    id="Combined-Shape"></path>
2096                </svg>
2097                <div class="mt-4 text-xl font-bold">20 000 sources</div>
2098              </div>
2099            </div>
2100          </div>
2101        </div>
2102
2103
2104
2105      </section>
2106
2107
2108      <!--API LAYER COVER-->
2109      <section>
2110
2111        <!--Title-->
2112        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2113          <div class="flex items-center">
2114            <span class="flex items-center mr-2">
2115              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2116            </span>
2117            <span>Technology Overview</span>
2118          </div>
2119        </h1>
2120
2121
2122        <!--Content-->
2123        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2124          <div class="flex flex-wrap w-full">
2125            <div class="w-full h-32 mb-3">
2126              <div
2127                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow">
2128                API</div>
2129            </div>
2130            <div class="w-1/4 h-32">
2131              <div
2132                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
2133                Knowledge Graph</div>
2134            </div>
2135            <div class="w-1/4 h-32">
2136              <div
2137                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
2138                Natural Language Processing</div>
2139            </div>
2140            <div class="w-1/4 h-32">
2141              <div
2142                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
2143                Data Acquisition & Extraction</div>
2144            </div>
2145            <div class="w-1/4 h-32">
2146              <div
2147                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
2148                Enriched Textual Corpus</div>
2149            </div>
2150          </div>
2151        </div>
2152
2153      </section>
2154
2155      <!--API LAYER-->
2156      <section>
2157
2158        <!--Title-->
2159        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2160          <div class="flex items-center">
2161            <span class="flex items-center mr-2">
2162              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2163            </span>
2164            <span class="mr-2">API</span>
2165          </div>
2166        </h1>
2167
2168        <!--Content-->
2169        <div class="w-full">
2170          <div class="mb-1">
2171            <div class="flex items-center justify-between mb-1">
2172              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">API Example
2173              </div>
2174            </div>
2175          </div>
2176          <div style="height:500px">
2177            <img
2178              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2179              src="images/api.png" />
2180          </div>
2181        </div>
2182
2183
2184      </section>
2185
2186
2187      <!--USE CASES-->
2188      <section>
2189
2190        <!--Title-->
2191        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2192          <div class="flex items-center">
2193            <span class="flex items-center mr-2">
2194              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2195            </span>
2196            <span>Use cases</span>
2197          </div>
2198        </h1>
2199
2200
2201        <!--Content-->
2202        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2203          <div class="flex flex-wrap w-full">
2204            <div class="w-1/4 h-32 mb-3">
2205              <div
2206                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2207                API ACCESS</div>
2208            </div>
2209            <div class="w-1/4 h-32 mb-3">
2210              <div
2211                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2212                <a href="https://news.knowledia.com" rel="noopener noreferrer" target="_blank">NEWS</a></div>
2213            </div>
2214            <div class="w-1/4 h-32 mb-3">
2215              <div
2216                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2217                FINANCE</div>
2218            </div>
2219            <div class="w-1/4 h-32 mb-3">
2220              <div
2221                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2222                MARKETING</div>
2223            </div>
2224
2225
2226            <div class="w-full h-32 mb-3">
2227              <div
2228                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow">
2229                API</div>
2230            </div>
2231            <div class="w-1/4 h-32">
2232              <div
2233                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow">
2234                Knowledge Graph</div>
2235            </div>
2236            <div class="w-1/4 h-32">
2237              <div
2238                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow">
2239                Natural Language Processing</div>
2240            </div>
2241            <div class="w-1/4 h-32">
2242              <div
2243                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow">
2244                Data Acquisition & Extraction</div>
2245            </div>
2246            <div class="w-1/4 h-32">
2247              <div
2248                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow">
2249                Enriched Textual Corpus</div>
2250            </div>
2251          </div>
2252        </div>
2253
2254      </section>
2255
2256      <!--NEWS COVER-->
2257      <section>
2258
2259        <!--Title-->
2260        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2261          <div class="flex items-center">
2262            <span class="flex items-center mr-2">
2263              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2264            </span>
2265            <span>Use cases</span>
2266          </div>
2267        </h1>
2268
2269
2270        <!--Content-->
2271        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2272          <div class="flex flex-wrap w-full">
2273            <div class="w-1/4 h-32 mb-3">
2274              <div
2275                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2276                API ACCESS</div>
2277            </div>
2278            <div class="w-1/4 h-32 mb-3">
2279              <div
2280                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2281                <a href="https://news.knowledia.com" rel="noopener noreferrer" target="_blank">NEWS</a></div>
2282            </div>
2283            <div class="w-1/4 h-32 mb-3">
2284              <div
2285                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2286                FINANCE</div>
2287            </div>
2288            <div class="w-1/4 h-32 mb-3">
2289              <div
2290                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2291                MARKETING</div>
2292            </div>
2293
2294            <div class="w-full h-32 mb-3">
2295              <div
2296                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
2297                API</div>
2298            </div>
2299            <div class="w-1/4 h-32">
2300              <div
2301                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
2302                Knowledge Graph</div>
2303            </div>
2304            <div class="w-1/4 h-32">
2305              <div
2306                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
2307                Natural Language Processing</div>
2308            </div>
2309            <div class="w-1/4 h-32">
2310              <div
2311                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
2312                Data Acquisition & Extraction</div>
2313            </div>
2314            <div class="w-1/4 h-32">
2315              <div
2316                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
2317                Enriched Textual Corpus</div>
2318            </div>
2319          </div>
2320        </div>
2321
2322      </section>
2323
2324      <!-- NEWS-->
2325      <section>
2326
2327        <!--Title-->
2328        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2329          <div class="flex items-center">
2330            <span class="flex items-center mr-2">
2331              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2332            </span>
2333            <span class="mr-2">News</span>
2334            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2335            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2336            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2337            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2338            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2339            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"><span>
2340          </div>
2341        </h1>
2342
2343
2344        <!--Content-->
2345        <div class="w-full">
2346          <div class="mb-1">
2347            <div class="flex items-center justify-between mb-1">
2348              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">AVAILABLE TODAY <a
2349                  rel="noopener noreferrer" target="_blank" href="https://news.knowledia.com"
2350                  class="text-blue-500 lowercase">https://news.knowledia.com</a>
2351              </div>
2352              <div class="flex items-center justify-center px-4">
2353                <div
2354                  class="inline-flex items-center block text-gray-500 sm:flex focus:outline-none focus:text-gray-700">
2355                  <div class="inline-flex items-center hidden text-gray-500 lg:inline-flex"><svg
2356                      class="w-6 h-6 mr-1 text-indigo-500 border border-white rounded-full shadow-inner fill-current"
2357                      xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-be" viewBox="0 0 512 512">
2358                      <g fill-rule="evenodd" stroke-width="1pt">
2359                        <path d="M0 0h170.7v512H0z"></path>
2360                        <path fill="#ffd90c" d="M170.7 0h170.6v512H170.7z"></path>
2361                        <path fill="#f31830" d="M341.3 0H512v512H341.3z"></path>
2362                      </g>
2363                    </svg><svg
2364                      class="w-6 h-6 mr-1 text-indigo-500 border border-white rounded-full shadow-inner fill-current"
2365                      xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-ch" viewBox="0 0 512 512">
2366                      <g fill-rule="evenodd" stroke-width="1pt">
2367                        <path fill="#d52b1e" d="M0 0h512v512H0z"></path>
2368                        <g fill="#fff">
2369                          <path d="M96 208h320v96H96z"></path>
2370                          <path d="M208 96h96v320h-96z"></path>
2371                        </g>
2372                      </g>
2373                    </svg><svg
2374                      class="w-6 h-6 mr-1 text-indigo-500 border border-white rounded-full shadow-inner fill-current"
2375                      xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-fr" viewBox="0 0 512 512">
2376                      <g fill-rule="evenodd" stroke-width="1pt">
2377                        <path fill="#fff" d="M0 0h512v512H0z"></path>
2378                        <path fill="#00267f" d="M0 0h170.7v512H0z"></path>
2379                        <path fill="#f31830" d="M341.3 0H512v512H341.3z"></path>
2380                      </g>
2381                    </svg><svg
2382                      class="w-6 h-6 mr-1 text-indigo-500 border border-white rounded-full shadow-inner fill-current"
2383                      xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-gb" viewBox="0 0 512 512">
2384                      <path fill="#012169" d="M0 0h512v512H0z"></path>
2385                      <path fill="#FFF"
2386                        d="M512 0v64L322 256l190 187v69h-67L254 324 68 512H0v-68l186-187L0 74V0h62l192 188L440 0z">
2387                      </path>
2388                      <path fill="#C8102E"
2389                        d="M184 324l11 34L42 512H0v-3l184-185zm124-12l54 8 150 147v45L308 312zM512 0L320 196l-4-44L466 0h46zM0 1l193 189-59-8L0 49V1z">
2390                      </path>
2391                      <path fill="#FFF" d="M176 0v512h160V0H176zM0 176v160h512V176H0z"></path>
2392                      <path fill="#C8102E" d="M0 208v96h512v-96H0zM208 0v512h96V0h-96z"></path>
2393                    </svg><svg
2394                      class="w-6 h-6 mr-1 text-indigo-500 border border-white rounded-full shadow-inner fill-current"
2395                      xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-us" viewBox="0 0 512 512">
2396                      <g fill-rule="evenodd">
2397                        <g stroke-width="1pt">
2398                          <path fill="#bd3d44"
2399                            d="M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z"
2400                            transform="scale(3.9385)"></path>
2401                          <path fill="#fff"
2402                            d="M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z"
2403                            transform="scale(3.9385)"></path>
2404                        </g>
2405                        <path fill="#192f5d" d="M0 0h98.8v70H0z" transform="scale(3.9385)"></path>
2406                        <path fill="#fff"
2407                          d="M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 
240763.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z"
2408                          transform="scale(3.9385)"></path>
2409                      </g>
2410                    </svg></div>
2411                </div>
2412              </div>
2413            </div>
2414          </div>
2415          <div style="height:540px">
2416            <img
2417              class="object-cover object-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2418              src="images/knowledia-news.png" />
2419          </div>
2420        </div>
2421
2422      </section>
2423
2424      <section>
2425
2426        <!--Title-->
2427        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2428          <div class="flex items-center">
2429            <span class="flex items-center mr-2">
2430              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2431            </span>
2432            <span class="mr-2">News</span>
2433            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2434            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2435            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2436            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2437            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2438            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"><span>
2439          </div>
2440        </h1>
2441
2442
2443        <!--Content-->
2444        <div class="w-full">
2445          <div class="mb-1">
2446            <div class="flex items-center justify-between mb-1">
2447              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Social Networks Integration
2448              </div>
2449            </div>
2450          </div>
2451          <div style="height:540px">
2452            <img
2453              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2454              src="images/social-networks.png" />
2455          </div>
2456        </div>
2457
2458      </section>
2459
2460
2461      <section>
2462
2463        <!--Title-->
2464        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2465          <div class="flex items-center">
2466            <span class="flex items-center mr-2">
2467              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2468            </span>
2469            <span class="mr-2">News</span>
2470            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2471            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2472            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2473            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2474            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2475            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"><span>
2476
2477          </div>
2478        </h1>
2479
2480
2481        <!--Content-->
2482        <div class="w-full">
2483          <div class="mb-1">
2484            <div class="flex items-center justify-between mb-1">
2485              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Knowledge Graph Integration
2486              </div>
2487            </div>
2488          </div>
2489          <div style="height:500px">
2490            <img
2491              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2492              src="images/knowledge-graph-knowledia.png" />
2493          </div>
2494        </div>
2495
2496      </section>
2497
2498
2499      <section>
2500
2501        <!--Title-->
2502        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2503          <div class="flex items-center">
2504            <span class="flex items-center mr-2">
2505              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2506            </span>
2507            <span class="mr-2">News</span>
2508            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2509            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2510            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2511            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2512            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"></span>
2513            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"><span>
2514          </div>
2515        </h1>
2516
2517
2518        <!--Content-->
2519        <div class="w-full">
2520          <div class="mb-1">
2521            <div class="flex items-center justify-between mb-1">
2522              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Rich Experience
2523              </div>
2524            </div>
2525          </div>
2526          <div>
2527            <img
2528              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2529              src="images/rich-experience.png" />
2530          </div>
2531        </div>
2532
2533        <div class="w-full mt-5">
2534          <div>
2535            <img
2536              class="object-cover object-left-top w-full h-full bg-white border border-gray-400 border-solid rounded-lg shadow"
2537              src="images/population.png" />
2538          </div>
2539        </div>
2540
2541      </section>
2542
2543
2544      <section>
2545
2546        <!--Title-->
2547        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2548          <div class="flex items-center">
2549            <span class="flex items-center mr-2">
2550              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2551            </span>
2552            <span class="mr-2">News</span>
2553            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2554            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2555            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2556            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2557            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2558            <span class="inline-block w-4 h-4 ml-1 bg-gray-400 rounded-full"><span>
2559          </div>
2560        </h1>
2561
2562
2563        <!--Content-->
2564        <div class="w-full">
2565          <div class="mb-1">
2566            <div class="flex items-center justify-between mb-1">
2567              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Hot Topics
2568              </div>
2569            </div>
2570          </div>
2571          <div>
2572            <img
2573              class="object-cover object-left-top w-auto h-16 bg-white border border-gray-400 border-solid rounded-lg shadow"
2574              src="images/hot-topics.png" />
2575          </div>
2576        </div>
2577
2578        <div class="w-full mt-5">
2579          <div class="mb-1">
2580            <div class="flex items-center justify-between mb-1">
2581              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Related Topics
2582              </div>
2583            </div>
2584          </div>
2585          <div>
2586            <img
2587              class="object-cover object-left-top w-auto h-32 bg-white border border-gray-400 border-solid rounded-lg shadow"
2588              src="images/related-topics.png" />
2589          </div>
2590        </div>
2591
2592        <div class="w-full mt-5">
2593          <div class="mb-1">
2594            <div class="flex items-center justify-between mb-1">
2595              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Insights
2596              </div>
2597            </div>
2598          </div>
2599          <div class="flex">
2600            <div class="w-1/3 mr-2">
2601              <img class="object-cover object-left-top bg-white border border-gray-400 border-solid rounded-lg shadow"
2602                src="images/coronavirus-fr.png" />
2603            </div>
2604            <div class="w-1/3 mr-2">
2605              <img class="object-cover object-left-top bg-white border border-gray-400 border-solid rounded-lg shadow"
2606                src="images/coronavirus-us.png" />
2607            </div>
2608            <div class="w-1/3">
2609              <img class="object-cover object-left-top bg-white border border-gray-400 border-solid rounded-lg shadow"
2610                src="images/wuhan.png" />
2611            </div>
2612          </div>
2613        </div>
2614
2615      </section>
2616
2617
2618      <section>
2619
2620        <!--Title-->
2621        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2622          <div class="flex items-center">
2623            <span class="flex items-center mr-2">
2624              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2625            </span>
2626            <span class="mr-2">News</span>
2627            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2628            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2629            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2630            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2631            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"></span>
2632            <span class="inline-block w-4 h-4 ml-1 bg-blue-500 rounded-full"><span>
2633          </div>
2634        </h1>
2635
2636
2637        <!--Content-->
2638        <div class="w-full">
2639          <div class="mb-1">
2640            <div class="flex items-center justify-between mb-1">
2641              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Towards Augmented News
2642              </div>
2643            </div>
2644          </div>
2645        </div>
2646        <div class="w-full p-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
2647          <div class="flex items-center w-full h-full">
2648            <div>
2649              <img class="w-64 h-64" src="images/document.svg" />
2650            </div>
2651            <div class="flex items-center h-full mr-5 text-2xl">&#8594;</div>
2652            <div class="w-full h-full p-6 text-left bg-gray-100 border border-gray-400 border-solid rounded-lg shadow">
2653              <div class="flex flex-col">
2654                <div class="mb-2">
2655                  <div class="flex flex-col">
2656                    <div class="mb-5 text-sm font-semibold text-blue-600">Mentionned Entities
2657                      Relations Graph
2658                    </div>
2659                  </div>
2660                </div>
2661                <div class="mb-2">
2662                  <div class="flex flex-col">
2663                    <div class="mb-5 text-sm font-semibold text-blue-600">Source Political
2664                      Orientation & Trustability
2665                    </div>
2666                  </div>
2667                </div>
2668                <div class="mb-2">
2669                  <div class="flex flex-col">
2670                    <div class="mb-5 text-sm font-semibold text-blue-600">Deep Fake Detection
2671                      (text, image, video, audio)
2672                    </div>
2673                  </div>
2674                </div>
2675                <div class="mb-2">
2676                  <div class="flex flex-col">
2677                    <div class="mb-5 text-sm font-semibold text-blue-600">Events Graph
2678                    </div>
2679                  </div>
2680                </div>
2681                <div class="mb-2">
2682                  <div class="flex flex-col">
2683                    <div class="mb-5 text-sm font-semibold text-blue-600">Wide Spectrum of
2684                      Similar Articles (Leaving the Filter Bubble)
2685                    </div>
2686                  </div>
2687                </div>
2688                <div class="mb-2">
2689                  <div class="flex flex-col">
2690                    <div class="mb-5 text-sm font-semibold text-blue-600">Related Fact Checking
2691                      Articles
2692                    </div>
2693                  </div>
2694                </div>
2695                <div class="mb-2">
2696                  <div class="flex flex-col">
2697                    <div class="mb-5 text-sm font-semibold text-blue-600">Related Social Media
2698                      Posts
2699                    </div>
2700                  </div>
2701                </div>
2702                <div class="mb-2">
2703                  <div class="flex flex-col">
2704                    <div class="mb-5 text-sm font-semibold text-blue-600">Articles
2705                      Recommendation
2706                    </div>
2707                  </div>
2708                </div>
2709              </div>
2710            </div>
2711          </div>
2712        </div>
2713
2714      </section>
2715
2716      <!--FINANCE COVER-->
2717      <section>
2718
2719        <!--Title-->
2720        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2721          <div class="flex items-center">
2722            <span class="flex items-center mr-2">
2723              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2724            </span>
2725            <span>Use cases</span>
2726          </div>
2727        </h1>
2728
2729
2730        <!--Content-->
2731        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2732          <div class="flex flex-wrap w-full">
2733            <div class="w-1/4 h-32 mb-3">
2734              <div
2735                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2736                API ACCESS</div>
2737            </div>
2738            <div class="w-1/4 h-32 mb-3">
2739              <div
2740                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2741                <a href="https://news.knowledia.com" rel="noopener noreferrer" target="_blank">NEWS</a></div>
2742            </div>
2743            <div class="w-1/4 h-32 mb-3">
2744              <div
2745                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2746                FINANCE</div>
2747            </div>
2748            <div class="w-1/4 h-32 mb-3">
2749              <div
2750                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2751                MARKETING</div>
2752            </div>
2753
2754            <div class="w-full h-32 mb-3">
2755              <div
2756                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
2757                API</div>
2758            </div>
2759            <div class="w-1/4 h-32">
2760              <div
2761                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
2762                Knowledge Graph</div>
2763            </div>
2764            <div class="w-1/4 h-32">
2765              <div
2766                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
2767                Natural Language Processing</div>
2768            </div>
2769            <div class="w-1/4 h-32">
2770              <div
2771                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
2772                Data Acquisition & Extraction</div>
2773            </div>
2774            <div class="w-1/4 h-32">
2775              <div
2776                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
2777                Enriched Textual Corpus</div>
2778            </div>
2779          </div>
2780        </div>
2781
2782      </section>
2783
2784      <section>
2785
2786        <!--Title-->
2787        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2788          <div class="flex items-center">
2789            <span class="flex items-center mr-2">
2790              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2791            </span>
2792            <span class="mr-2">Finance</span>
2793          </div>
2794        </h1>
2795
2796
2797        <!--Content-->
2798        <div class="w-full">
2799          <div class="mb-1">
2800            <div class="flex items-center justify-between mb-1">
2801              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Realtime Alerting on risks
2802                & opportunities on your portfolio beyond keywords search
2803              </div>
2804            </div>
2805          </div>
2806          <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2807            <div class="flex flex-col">
2808              <div class="flex items-center">
2809                <div
2810                  class="p-3 mr-2 text-xs font-semibold text-blue-600 bg-blue-100 border border-blue-600 border-solid rounded">
2811                  1</div>
2812                <a href="https://news.knowledia.com/topics/VP4?interfaceLanguage=en&country=&contentLanguage=&query="
2813                  rel="noopener noreferrer" target="_blank">
2814                  <span
2815                    class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
2816                    <img src="images/samsung.png"
2817                      class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner" />
2818                    <span class="text-blue-500">Samsung Electronics</span>
2819                  </span>
2820                </a>
2821                <div>is part of your portfolio</div>
2822              </div>
2823              <div class="flex items-center mt-6">
2824                <div
2825                  class="p-3 mr-2 text-xs font-semibold text-blue-600 bg-blue-100 border border-blue-600 border-solid rounded">
2826                  2</div>
2827                <div>An article about potential threats in tantalum mining is posted</div>
2828              </div>
2829              <div class="flex items-center mt-6">
2830                <div
2831                  class="p-3 mr-2 text-xs font-semibold text-blue-600 bg-blue-100 border border-blue-600 border-solid rounded">
2832                  3</div>
2833                <div>
2834                  <div class="mb-2 text-left">Exploiting the knowledge graph we find the following relationship:</div>
2835
2836                  <div class="flex items-center">
2837                    <div class="flex items-center">
2838                      <a href="https://news.knowledia.com/topics/VP4?interfaceLanguage=en&country=&contentLanguage=&query="
2839                        rel="noopener noreferrer" target="_blank">
2840                        <span
2841                          class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
2842                          <img src="images/samsung.png"
2843                            class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner" />
2844                          <span class="text-blue-500">Samsung Electronics</span>
2845                        </span>
2846                      </a>
2847                    </div>
2848
2849                    <div class="flex items-center h-full mr-2 text-xl">&#8594;</div>
2850
2851                    <a href="https://news.knowledia.com/topics/UZR?interfaceLanguage=en&country=&contentLanguage=&query="
2852                      rel="noopener noreferrer" target="_blank">
2853                      <span
2854                        class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
2855                        <img src="images/mobile-phone.png"
2856                          class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner" />
2857                        <span class="text-blue-500">Mobile Phone</span>
2858                      </span>
2859                    </a>
2860
2861                    <div class="flex items-center h-full mr-2 text-xl">&#8594;</div>
2862
2863                    <a href="https://news.knowledia.com/topics/2tP?interfaceLanguage=en&country=&contentLanguage=&query="
2864                      rel="noopener noreferrer" target="_blank">
2865                      <span
2866                        class="inline-flex items-center p-1 mr-2 font-semibold bg-gray-100 border border-gray-300 border-solid rounded-lg">
2867                        <img src="images/tantalum.png"
2868                          class="inline-block object-cover w-8 h-8 mr-1 border border-gray-400 border-solid rounded-full shadow-inner" />
2869                        <span class="text-blue-500">Tantalum</span>
2870                      </span>
2871                    </a>
2872                  </div>
2873                </div>
2874              </div>
2875              <div class="flex items-center mt-6">
2876                <div
2877                  class="p-3 mr-2 text-xs font-semibold text-blue-600 bg-blue-100 border border-blue-600 border-solid rounded">
2878                  4</div>
2879                <div>We push you the article explaining why it is relevant to your investments</div>
2880              </div>
2881            </div>
2882          </div>
2883
2884      </section>
2885
2886
2887      <!--MARKETING COVER-->
2887
2888      <section>
2889
2890        <!--Title-->
2891        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2892          <div class="flex items-center">
2893            <span class="flex items-center mr-2">
2894              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2895            </span>
2896            <span>Use cases</span>
2897          </div>
2898        </h1>
2899
2900
2901        <!--Content-->
2902        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
2903          <div class="flex flex-wrap w-full">
2904            <div class="w-1/4 h-32 mb-3">
2905              <div
2906                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2907                API ACCESS</div>
2908            </div>
2909            <div class="w-1/4 h-32 mb-3">
2910              <div
2911                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2912                <a href="https://news.knowledia.com" rel="noopener noreferrer" target="_blank">NEWS</a></div>
2913            </div>
2914            <div class="w-1/4 h-32 mb-3">
2915              <div
2916                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow opacity-25">
2917                FINANCE</div>
2918            </div>
2919            <div class="w-1/4 h-32 mb-3">
2920              <div
2921                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-orange-600 uppercase bg-orange-100 border border-orange-600 border-solid rounded-lg shadow">
2922                MARKETING</div>
2923            </div>
2924
2925            <div class="w-full h-32 mb-3">
2926              <div
2927                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-purple-600 uppercase bg-purple-100 border border-purple-600 border-solid rounded-lg shadow opacity-25">
2928                API</div>
2929            </div>
2930            <div class="w-1/4 h-32">
2931              <div
2932                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-blue-600 uppercase bg-blue-100 border border-blue-600 border-solid rounded-lg shadow opacity-25">
2933                Knowledge Graph</div>
2934            </div>
2935            <div class="w-1/4 h-32">
2936              <div
2937                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-green-600 uppercase bg-green-100 border border-green-600 border-solid rounded-lg shadow opacity-25">
2938                Natural Language Processing</div>
2939            </div>
2940            <div class="w-1/4 h-32">
2941              <div
2942                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-red-600 uppercase bg-red-100 border border-red-600 border-solid rounded-lg shadow opacity-25">
2943                Data Acquisition & Extraction</div>
2944            </div>
2945            <div class="w-1/4 h-32">
2946              <div
2947                class="flex items-center justify-center h-full p-2 m-2 font-semibold text-indigo-600 uppercase bg-indigo-100 border border-indigo-600 border-solid rounded-lg shadow opacity-25">
2948                Enriched Textual Corpus</div>
2949            </div>
2950          </div>
2951        </div>
2952
2953      </section>
2954
2955
2956      <section>
2957
2958        <!--Title-->
2959        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
2960          <div class="flex items-center">
2961            <span class="flex items-center mr-2">
2962              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
2963            </span>
2964            <span class="mr-2">Marketing</span>
2965          </div>
2966        </h1>
2967
2968
2969        <!--Content
2970          Trends Discovery
2971          Competitive Intelligence
2972          Brand Monitoring
2973          Products / Services / Campaigns Monitoring-->
2974        <div class="w-full">
2975          <div class="mb-1">
2976            <div class="flex items-center justify-between mb-1">
2977              <div class="text-sm font-bold tracking-wide text-left text-gray-600 uppercase">Enriched Corpus as a
2978                real-time source of business insight
2979              </div>
2980            </div>
2981          </div>
2982        </div>
2983        <div class="w-full p-6 bg-white border border-gray-400 border-solid rounded-lg shadow">
2984          <div class="flex items-center w-full h-full">
2985            <div>
2986              <img class="w-64 h-64" src="images/logo-icon.svg" />
2987            </div>
2988            <div class="flex items-center h-full mr-5 text-2xl">&#8594;</div>
2989            <div class="w-full h-full p-6 text-left bg-gray-100 border border-gray-400 border-solid rounded-lg shadow">
2990              <div class="flex flex-col">
2991                <div class="mb-2">
2992                  <div class="flex flex-col">
2993                    <div class="mb-5 text-xl font-semibold text-blue-600">Trends Discovery
2994                    </div>
2995                  </div>
2996                </div>
2997                <div class="mb-2">
2998                  <div class="flex flex-col">
2999                    <div class="mb-5 text-xl font-semibold text-blue-600">Competitive Intelligence
3000                    </div>
3001                  </div>
3002                </div>
3003                <div class="mb-2">
3004                  <div class="flex flex-col">
3005                    <div class="mb-5 text-xl font-semibold text-blue-600">Brand Monitoring
3006                    </div>
3007                  </div>
3008                </div>
3009                <div class="mb-2">
3010                  <div class="flex flex-col">
3011                    <div class="mb-5 text-xl font-semibold text-blue-600">Products / Services / Campaigns Monitoring
3012                    </div>
3013                  </div>
3014                </div>
3015              </div>
3016            </div>
3017          </div>
3018        </div>
3019      </section>
3020
3021
3022
3023      <!--TECHNICAL STACK-->
3024      <section>
3025
3026        <!--Title-->
3027        <h1 class="text-4xl font-normal text-left text-gray-800 uppercase">
3028          <div class="flex items-center">
3029            <span class="flex items-center mr-2">
3030              <img src="images/logo-icon.svg" class="inline-block w-10 h-10" alt="" />
3031            </span>
3032            <span>Technical Stack</span>
3033          </div>
3034        </h1>
3035
3036        <!--Content-->
3037        <div class="p-6 my-1 bg-white border border-gray-400 border-solid rounded-lg shadow">
3038          <div class="flex flex-wrap">
3039            <div class="flex items-center justify-center w-1/5 mb-8">
3040              <div class="flex flex-col items-center justify-center">
3041                <img class="w-24 h-24 mb-1" src="images/github.png" />
3042                <div class="">GitHub</div>
3043              </div>
3044            </div>
3045            <div class="flex items-center justify-center w-1/5 mb-8">
3046              <div class="flex flex-col items-center justify-center">
3047                <img class="w-24 h-24 mb-1" src="images/python.png" />
3048                <div class="">Python</div>
3049              </div>
3050            </div>
3051            <div class="flex items-center justify-center w-1/5 mb-8">
3052              <div class="flex flex-col items-center justify-center">
3053                <img class="w-24 h-24 mb-1" src="images/gcp.png" />
3054                <div class="">Google Cloud Platform</div>
3055              </div>
3056            </div>
3057            <div class="flex items-center justify-center w-1/5 mb-8">
3058              <div class="flex flex-col items-center justify-center">
3059                <img class="w-24 h-24 mb-1" src="images/tensorflow.png" />
3060                <div class="">Tensorflow</div>
3061              </div>
3062            </div>
3063            <div class="flex items-center justify-center w-1/5 mb-8">
3064              <div class="flex flex-col items-center justify-center">
3065                <img class="w-24 h-24 mb-1" src="images/elasticsearch.png" />
3066                <div class="">Elasticsearch</div>
3067              </div>
3068            </div>
3069            <div class="flex items-center justify-center w-1/5 mb-8">
3070              <div class="flex flex-col items-center justify-center">
3071                <img class="w-24 h-24 mb-1" src="images/kibana.png" />
3072                <div class="">Kibana</div>
3073              </div>
3074            </div>
3075            <div class="flex items-center justify-center w-1/5 mb-8">
3076              <div class="flex flex-col items-center justify-center">
3077                <img class="w-24 h-24 mb-1" src="images/dgraph.svg" />
3078                <div class="">Dgraph</div>
3079              </div>
3080            </div>
3081            <div class="flex items-center justify-center w-1/5 mb-8">
3082              <div class="flex flex-col items-center justify-center">
3083                <img class="w-24 h-24 mb-1" src="images/redis.png" />
3084                <div class="">Redis</div>
3085              </div>
3086            </div>
3087            <div class="flex items-center justify-center w-1/5 mb-8">
3088              <div class="flex flex-col items-center justify-center">
3089                <img class="w-24 h-24 mb-1" src="images/docker.jpg" />
3090                <div class="">Docker</div>
3091              </div>
3092            </div>
3093            <div class="flex items-center justify-center w-1/5 mb-8">
3094              <div class="flex flex-col items-center justify-center">
3095                <img class="w-24 h-24 mb-1" src="images/kubernetes.png" />
3096                <div class="">Kubernetes</div>
3097              </div>
3098            </div>
3099            <div class="flex items-center justify-center w-1/5 mb-8">
3100              <div class="flex flex-col items-center justify-center">
3101                <img class="w-24 h-24 mb-1" src="images/airflow.png" />
3102                <div class="">Apache Airflow</div>
3103              </div>
3104            </div>
3105            <div class="flex items-center justify-center w-1/5 mb-8">
3106              <div class="flex flex-col items-center justify-center">
3107                <img class="w-24 h-24 mb-1" src="images/spark.svg" />
3108                <div class="">Apache Spark</div>
3109              </div>
3110            </div>
3111            <div class="flex items-center justify-center w-1/5 mb-8">
3112              <div class="flex flex-col items-center justify-center">
3113                <img class="w-24 h-24 mb-1" src="images/typescript.png" />
3114                <div class="">TypeScript</div>
3115              </div>
3116            </div>
3117            <div class="flex items-center justify-center w-1/5 mb-8">
3118              <div class="flex flex-col items-center justify-center">
3119                <img class="w-24 h-24 mb-1" src="images/nextjs.svg" />
3120                <div class="">Next.js</div>
3121              </div>
3122            </div>
3123            <div class="flex items-center justify-center w-1/5 mb-8">
3124              <div class="flex flex-col items-center justify-center">
3125                <img class="w-24 h-24 mb-1" src="images/react.png" />
3126                <div class="">
3126React</div>
3127              </div>
3128            </div>
3129          </div>
3130        </div>
3131      </section>
3132
3133    </div>
3134
3135  </div>
3136
3137  
3137<script src="js/reveal.js"></script>
3137
3138
3139  
3139<script>
3140    // More info about config & dependencies:
3141    // - https://github.com/hakimel/reveal.js#configuration
3142    // - https://github.com/hakimel/reveal.js#dependencies
3143    Reveal.initialize({
3144      hash: true,
3145      dependencies: [
3146        { src: "plugin/markdown/marked.js" },
3147        { src: "plugin/markdown/markdown.js" },
3148        { src: "plugin/highlight/highlight.js" },
3149        { src: "plugin/notes/notes.js", async: true }
3150      ]
3151    });
3152  </script>
3152
3153</body>
3154
3155</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.