PageSourceSearch

https://tricode.io/index.html

html tricode.io collected 2026-10-02 01:03:18 UTC 32,167 bytes, 685 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js" lang="de">
3
4
5<head>
6
7    <!--- basic page needs
8    ================================================== -->
9    <meta charset="utf-8">
10    <title>tricode.io Software Solutions</title>
11    <meta name="description"
12        content="Tricode schafft digitale Lösungen für medizinische Prozesse und die Kommunikation mit dem/der Patienten/-in.">
13    <meta name="author" content="Tricode UG (haftungsbeschränkt)">
14
15    <!-- mobile specific metas
16    ================================================== -->
17    <meta name="viewport" content="width=device-width, initial-scale=1">
18
19    <!-- CSS
20    ================================================== -->
21    <link rel="stylesheet" href="css/base.css">
22    <link rel="stylesheet" href="css/vendor.css">
23    <link rel="stylesheet" href="css/main.css">
24
25    <!-- script
26    ================================================== -->
27    
27<script src="js/modernizr.js"></script>
27
28    
28<script src="js/pace.min.js"></script>
28
29
30    <!-- favicons
31    ================================================== -->
32    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
33    <link rel="icon" href="favicon.ico" type="image/x-icon">
34
35</head>
36
37<body id="top">
38
39    <!-- header
40    ================================================== -->
41    <header class="s-header">
42
43        <div class="header-logo">
44            <a class="site-logo" href="index.html">
45                <img src="images/logo.svg" alt="Homepage">
46            </a>
47        </div> <!-- end header-logo -->
48
49        <nav class="header-nav">
50
51            <a href="#0" class="header-nav__close" title="close"><span>Close</span></a>
52
53            <div class="header-nav__content">
54                <h3>tricode.io</h3>
55
56                <ul class="header-nav__list">
57                    <li class="current"><a class="smoothscroll" href="#home" title="home">Home</a></li>
58                    <li><a class="smoothscroll" href="#about" title="about">Über uns</a></li>
59                    <li><a class="smoothscroll" href="#services" title="services">Service</a></li>
60                    <li><a class="smoothscroll" href="#team" title="team">Team</a></li>
61                    <li><a class="smoothscroll" href="#contact" title="contact">Kontakt</a></li>
62                    <li><a href="imprint.html">Impressum</a></li>
63                    <li><a href="privacy.html">Datenschutzerklärung</a></li>
64                </ul>
65
66                <p>Wir schaffen individuelle und passgenaue <a class="smoothscroll" href='#services'> Software Lösungen
67                    </a> für medzinische
68                    Prozesse und die Kommunikation mit dem/der Patienten/-in. <a class="smoothscroll"
69                        href='#contact'>Lassen Sie uns
70                        sprechen.</a></p>
71                <!-- 
72                <ul class="header-nav__social">
73                    <li>
74                        <a href="#0"><i class="fab fa-instagram"></i></a>
75                    </li>
76                    <li>
77                        <a href="#0"><i class="fab fa-linkedin"></i></a>
78                    </li>
79                </ul> -->
80
81            </div> <!-- end header-nav__content -->
82
83        </nav> <!-- end header-nav -->
84
85        <a class="header-menu-toggle" href="#0">
86            <span class="header-menu-icon"></span>
87        </a>
88
89    </header> <!-- end s-header -->
90
91
92    <!-- home
93    ================================================== -->
94    <section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="images/hero-bg.jpg"
95        data-natural-width=3000 data-natural-height=2000 data-position-y=top>
96
97        <div class="shadow-overlay"></div>
98
99        <div class="home-content">
100
101            <div class="row home-content__main">
102                <h1>
103                    <br>
104
105                </h1>
106
107                <p>
108                    Wir schaffen individuelle Software-Lösungen <br>
109                    für eine moderne Medizin.
110                </p>
111            </div> <!-- end home-content__main -->
112
113        </div> <!-- end home-content -->
114
115        <ul class="home-sidelinks">
116            <li><a class="smoothscroll" href="#about">Über uns<span>wer wir sind</span></a></li>
117            <li><a class="smoothscroll" href="#services">Service<span>was wir tun</span></a></li>
118            <li><a class="smoothscroll" href="#contact">Kontakt<span>jetzt austauschen</span></a></li>
119        </ul> <!-- end home-sidelinks -->
120
121        <!-- <ul class="home-social">
122            <li class="home-social-title">Bleiben Sie up-to-date</li>
123            <li><a href="#0">
124                    <i class="fab fa-instagram"></i>
125                    <span class="home-social-text">Instagram</span>
126                </a></li>
127            <li><a href="#0">
128                    <i class="fab fa-linkedin"></i>
129                    <span class="home-social-text">LinkedIn</span>
130                </a></li>
131        </ul> end home-social -->
132
133        <a href="#about" class="home-scroll smoothscroll">
134            <span class="home-scroll__text">Scroll Down</span>
135            <span class="home-scroll__icon"></span>
136        </a> <!-- end home-scroll -->
137
138    </section> <!-- end s-home -->
139
140
141    <!-- about
142    ================================================== -->
143    <section id='about' class="s-about">
144
145        <div class="row section-header" data-aos="fade-up">
146            <div class="col-full">
147                <h3 class="subhead">wer wir sind</h3>
148                <h1 class="display-1">Wir sind ein interdisziplinäres Team mit einer Leidenschaft für digitale, medizinische
149                    Lösungen.</h1>
150            </div>
151        </div> <!-- end section-header -->
152
153        <div class="row" data-aos="fade-up">
154            <div class="col-full">
155                <p class="lead">
156                    Unser Team besteht aktuell aus vier Personen. Unsere Expertisen liegen im Informatikingenieurswesen, dem Medical Interface Design und der Wirtschaftsinformatik. Mit unserem Wissen und unserer Erfahrung fokussieren wir uns auf Software-Lösungen in der Medizin, denn wir lieben komplexe Herausforderungen.
157                    Keine Klinik, keine Einrichtung und kein Unternehmen ist wie das andere. Wir wissen um diesen Umstand und
158                    begegnen deshalb jedem Projekt mit einer neuen Sichtweise.
159                </p>
160            </div>
161        </div> <!-- end about-desc -->
162
163        <!-- <div class="row">
164
165            <div class="about-process process block-1-2 block-tab-full">
166
167                <div class="process__vline-left"></div>
168                <div class="process__vline-right"></div>
169
170                <div class="col-block process__col" data-item="1" data-aos="fade-up">
171                    <div class="process__text">
172                        <h4>Analyse</h4>
173
174                        <p>
175                            Quos dolores saepe mollitia deserunt accusamus autem reprehenderit. Voluptas facere animi
176                            explicabo non quis magni recusandae.
177                            Numquam debitis pariatur omnis facere unde. Laboriosam minus amet nesciunt est. Et saepe eos
178                            maxime tempore quasi deserunt ab.
179                        </p>
180                    </div>
181                </div>
182                <div class="col-block process__col" data-item="2" data-aos="fade-up">
183                    <div class="process__text">
184                        <h4>Design</h4>
185
186                        <p>
187                            Quos dolores saepe mollitia deserunt accusamus autem reprehenderit. Voluptas facere animi
188                            explicabo non quis magni recusandae.
189                            Numquam debitis pariatur omnis facere unde. Laboriosam minus amet nesciunt est. Et saepe eos
190                            maxime tempore quasi deserunt ab.
191                        </p>
192                    </div>
193                </div>
194                <div class="col-block process__col" data-item="3" data-aos="fade-up">
195                    <div class="process__text">
196                        <h4>Build</h4>
197
198                        <p>
199                            Quos dolores saepe mollitia deserunt accusamus autem reprehenderit. Voluptas facere animi
200                            explicabo non quis magni recusandae.
201                            Numquam debitis pariatur omnis facere unde. Laboriosam minus amet nesciunt est. Et saepe eos
202                            maxime tempore quasi deserunt ab.
203                        </p>
204                    </div>
205                </div>
206                <div class="col-block process__col" data-item="4" data-aos="fade-up">
207                    <div class="process__text">
208                        <h4>Launch</h4>
209
210                        <p>
211                            Quos dolores saepe mollitia deserunt accusamus autem reprehenderit. Voluptas facere animi
212                            explicabo non quis magni recusandae.
213                            Numquam debitis pariatur omnis facere unde. Laboriosam minus amet nesciunt est. Et saepe eos
214                            maxime tempore quasi deserunt ab.
215                        </p>
216                    </div>
217                </div>
218
219            </div>  end process
220
221        </div> end about-stats -->
222
223    </section> <!-- end s-about -->
224
225
226    <!-- services
227    ================================================== -->
228    <section id='services' class="s-services light-gray">
229
230        <div class="row section-header" data-aos="fade-up">
231            <div class="col-full">
232                <h3 class="subhead">was wir tun</h3>
233                <h1 class="display-1">Wir haben alles, was Sie für den Weg in das digitale Zeitalter benötigen.</h1>
234            </div>
235        </div> <!-- end section-header -->
236
237        <div class="row" data-aos="fade-up">
238            <div class="col-full">
239                <p class="lead">
240                    Wir begleiten Sie ganzheitlich – von der ersten Idee bis zum fertigen Produkt – oder unterstützen Sie auf Teilen des Weges. Unser interdisziplinäres Skill-Set und unser starkes Netzwerk in der Medizin sowie in der Software-Entwicklung garantieren Ihnen eine umfassende und kompetente Betreuung für Ihr Projekt.
241                </p>
242            </div>
243        </div> <!-- end about-desc -->
244
245        <div class="row services-list block-1-3 block-m-1-2 block-tab-full">
246
247            <div class="col-block service-item" data-aos="fade-up">
248                <div class="service-icon service-icon--mobile-dev">
249                    <i class="icon-lego-block"></i>
250                </div>
251                <div class="service-text">
252                    <h3 class="h4">Mobile Development</h3>
253                    <p>Unabhängig von der Plattform entwickeln wir mobile Anwendungen (z.B. Smartphone App, Tablet App, Webseiten) für Ihre Anforderungen. Dabei setzen wir einerseits auf hybride Plattformen wie Ionic und Flutter, aber auch auf native Entwicklung, zum Beispiel mit Swift.
254                    </p>
255                </div>
256            </div>
257
258            <div class="col-block service-item " data-aos="fade-up">
259                <div class="service-icon service-icon--brand-identity">
260                    <i class="icon-tv"></i>
261                </div>
262                <div class="service-text">
263                    <h3 class="h4">Product Strategy</h3>
264                    <p>Jedes Produkt benötigt die passende Strategie, damit es Erfolg hat. Dabei gilt es die verschiedenen Einflussfaktoren, wie auch die Zielgruppe genau zu analysieren. Unsere Maxime ist es Produkte zu entwickeln, die Erfolg haben.
265                    </p>
266                </div>
267            </div>
268
269            <div class="col-block service-item" data-aos="fade-up">
270                <div class="service-icon  service-icon--illustration">
271                    <i class="icon-group"></i>
272                </div>
273                <div class="service-text">
274                    <h3 class="h4">Illustration</h3>
275                    <p>Medizinische Daten sind häufig komplex und für den Laien nur schwierig zu verstehen. Damit Kommunikation funktioniert, müssen diese auch beim Empfänger ankommen. Durch simple Illustrationen machen wir anspruchsvolle Daten zu leicht verständlichen Informationen.
276                    </p>
277                </div>
278            </div>
279
280            <div class="col-block service-item" data-aos="fade-up">
281                <div class="service-icon  service-icon--web-design">
282                    <i class="icon-earth"></i>
283                </div>
284                <div class="service-text">
285                    <h3 class="h4">Design</h3>
286                    <p>Das Design, also das Aussehen und die Bedienung einer Anwendung, ist der Moment, in dem der Nutzer unmittelbar auf das Produkt trifft. Für eine nachhaltige Akzeptanz und Nutzung der Anwendung ist ein gutes, durchdachtes Design eine unerlässliche Komponente. In enger Zusammenarbeit mit Ihnen finden wir die richtige Gestaltung für Ihre Touchpoints.
287                    </p>
288                </div>
289            </div>
290
291            <div class="col-block service-item" data-aos="fade-up">
292                <div class="service-icon service-icon--product-strategy">
293                    <i class="icon-cube"></i>
294                </div>
295                <div class="service-text">
296                    <h3 class="h4">Backend Development</h3>
297                    <p>Mithilfe eines belastbaren Backends können hundertausende Nutzeranfragen gleichzeitig bearbeitet und eine Hochverfügbarkeit gewährleistet werden. Ihr Produkt soll stets erreichbar und gleichzeitig sicher sein. Daher setzen wir auf moderne Technologien und modulare Schnittstellen, die zu jedem System passen.
298                    </p>
299                </div>
300            </div>
301
302            <div class="col-block service-item" data-aos="fade-up">
303                <div class="service-icon  service-icon--ui-design">
304                    <i class="icon-window"></i>
305                </div>
306                <div class="service-text">
307                    <h3 class="h4">UI/UX Design</h3>
308                    <p>User Interfaces und User Experience begleiten uns jeden Tag und bestimmen wie gerne wir Produkte benutzen. Weil die Informationen im Vordergrund stehen und die Benutzung schlichtweg funktionieren soll, erarbeiten wir gemeinsam mit Ihnen den richtigen Zugang für Ihr Produkt.
309                    </p>
310                </div>
311            </div>
312
313        </div> <!-- end services-list -->
314
315    </section> <!-- end s-services -->
316
317
318    <!-- works
319    ================================================== -->
320    <section id='team' class="s-works">
321
322        <div class="row section-header" data-aos="fade-up">
323            <div class="col-full">
324                <h3 class="subhead">Unser Team</h3>
325                <h1 class="display-1">Lernen Sie unser Team kennen. Wir freuen uns auf Sie.</h1>
326            </div>
327        </div> <!-- end section-header -->
328
329        <div class="row tricode-team" data-aos="fade-up">
330            <!--
331        Meet Our Team
332        ==================================== -->
333
334            <!-- single member -->
335            <figure class="col-three tab-full text-center wow fadeInUp animated" data-wow-duration="500ms">
336                <img src="images/avatars/Jonas_rund.png" alt="Jonas Reinhardt - Managing Director"
337                    class="img-responsive">
338                <h3 class="h4" style="margin-top: 1em">Jonas Reinhardt</h3>
339                <span>Managing Director</span>
340            </figure>
341            <!-- end single member -->
342
343            <!-- single member -->
344            <figure class="col-three tab-full text-center wow fadeInUp animated" data-wow-duration="500ms">
345                <img src="images/avatars/Benno_rund.png" alt="Benno Lauther - Back- & Front-End Developer"
346                    class="img-responsive">
347
348                <h3 class="h4" style="margin-top: 1em">Benno Lauther</h3>
349                <span>Back- & Front-End Developer</span>
350            </figure>
351            <!-- end single member -->
352
353            <!-- single member -->
354            <figure class="col-three tab-full text-center wow fadeInUp animated" data-wow-duration="500ms">
355                <img src="images/avatars/Kathrin_rund.png" alt="Kathrin Boersch - Medical Interface Designerin"
356                    class="img-responsive">
357                <h3 class="h4" style="margin-top: 1em">Kathrin Boersch</h3>
358                <span>Medical Interface Designerin</span>
359            </figure>
360            <!-- end single member -->
361
362            <!-- single member -->
363            <figure class="col-three tab-full text-center wow fadeInUp animated" data-wow-duration="500ms">
364                <img src="images/avatars/Nikita_rund.png" alt="Nikita Segal - Front-End Developer"
365                    class="img-responsive">
366                <h3 class="h4" style="margin-top: 1em">Nikita Segal</h3>
367                <span>Front-End Developer</span>
368            </figure>
369            <!-- end single member -->
370
371            <!--
372            End Meet Our Team
373            ==================================== -->
374        </div> <!-- end masonry-wrap -->
375
376        <div class="testimonials-wrap" data-aos="fade-up">
377
378            <div class="row">
379                <div class="col-full testimonials-header">
380                    <h2 class="h1">Was unsere Kunden und Partner sagen</h2>
381                </div>
382            </div>
383
384            <div class="row testimonials">
385
386                <div class="col-full testimonials__slider">
387
388                    <div class="testimonials__slide">
389                        <img src="images/avatars/user-01.jpg" alt="Author image" class="testimonials__avatar">
390                        <p>Mit der Blutspende-App bieten wir unseren Spendern einen modernen und zeitgemäßen Service.
391                            Wie viele andere Einrichtungen benötigen auch wir junge (Neu-) Spender, die wir mit der App
392                            schnell, direkt und Zielgruppen-gerecht erreichen. Wir sind überaus gespannt, wie sich die
393                            Spenderzahlen mit der App verändern! </p>
394                        <div class="testimonials__author">
395                            Prof. Dr. Siegfried Görg
396                            <span>Direktor, Institut für Transfusionsmedizin, UKSH</span>
397                        </div>
398                    </div> <!-- end testimonials__slide -->
399
400                    <div class="testimonials__slide">
401                        <img src="images/avatars/user-02.jpg" alt="Author image" class="testimonials__avatar">
402                        <p>Es ist klasse zu sehen was aus der ursprünglichen Idee und mit dem Gewinn des UKSH Hackathons
403                            geworden ist. Wir am IKMB untersuchen täglich Blutproben für die Forschung und möchten
404                            unsere wissenschaftlichen Erkenntnisse gerne auch der breiten Öffentlichkeit zugänglich
405                            machen. Dafür eignet sich solch eine App wunderbar: Wir können den Spendern die
406                            unbekannteren Blutgruppen-Systeme näher bringen und zurückmelden, ob sie eine seltene
407                            Blutgruppe besitzen und als Spender besonders begehrt wären!</p>
408                        <div class="testimonials__author">
409                            Prof. Dr. Andre Franke
410                            <span>Direktor, Institut für Klinische Molekularbiologie, CAU Kiel</span>
411                        </div>
412                    </div> <!-- end testimonials__slide -->
413
414                    <!-- <div class="testimonials__slide">
415                        <img src="images/avatars/user-03.jpg" alt="Author image" class="testimonials__avatar">
416                        <p>Das Team von Tricode hat bereits bei unserem Prototyping Kit Stipendium mit ihrer Ideen überzeugen können. Ich finde den Bogenschlag zwischen Wissenschaft und Wirtschaft, sowie </p>
417                        <div class="testimonials__author">
418                            André Nikolski
419                            <span>CEO, Fleet7 Co-Working Space</span>
420                        </div>
421                    </div> end testimonials__slide -->
422                    <!-- 
423                    <div class="testimonials__slide">
424                        <img src="images/avatars/user-04.jpg" alt="Author image" class="testimonials__avatar">
425                        <p>Repellat dignissimos libero. Qui sed at corrupti expedita voluptas odit. Nihil ea quia
426                            nesciunt. Ducimus aut sed ipsam.
427                            Autem eaque officia cum exercitationem sunt voluptatum accusamus. Quasi voluptas eius
428                            distinctio.</p>
429                        <div class="testimonials__author">
430                            Christoph Haß
431                            <span>Start-Up und Entrepreneurship, PwC</span>
432                        </div>
433                    </div> end testimonials__slide -->
434
435                </div> <!-- end testimonials__slider -->
436
437            </div> <!-- end testimonials -->
438
439        </div> <!-- end testimonials-wrap -->
440
441    </section> <!-- end s-works -->
442
443
444    <!-- projects
445    ================================================== -->
446    <section id="projects" class="s-projects light-gray">
447
448        <div class="row section-header" data-aos="fade-up">
449            <div class="col-full">
450                <h3 class="subhead">Unsere Projekte</h3>
451                <h1 class="display-1">Projekte an denen wir beteiligt sind:</h1>
452            </div>
453        </div> <!-- end section-header -->
454
455        <div class="row" data-aos="fade-up">
456            <div class="col-full">
457                <div class="projects-logos">
458                    <div class="project-item">
459                        <a href="https://www.interreg-de-dk.eu/" target="_blank">
460                            <img src="images/Interreg_Logo_Deutschland_Danmark_CMYK_positiv.jpg" alt="Interreg Deutschland-Danmark" class="project-logo">
461                        </a>
462                    </div>
463
464                    <div class="project-item">
465                        <img src="images/PKP_Logo_RGB_positiv_hq.png" alt="PKP" class="project-logo">
466                    </div>
467                </div>
468            </div>
469        </div>
470
471        <div class="row" data-aos="fade-up">
472            <div class="col-full">
473                <h3 class="h3" style="margin-top: 3rem; margin-bottom: 1.5rem;">AI-REN Projekt</h3>
474
475                <h4 class="h5">Projektinhalt</h4>
476                <p>
477                    Das AI-REN Projekt (März 2024 - Februar 2025) widmete sich der Entwicklung und dem Ausbau grenzüberschreitender
478                    Forschungs- und Innovationskapazitäten im Bereich der personalisierten Medizin. Unter Leitung des Odense
479                    Universitätshospitals (OUH) arbeiteten Partner aus Deutschland und Dänemark gemeinsam daran, mittels maschinellem
480                    Lernen neue Marker in der Medizin zu identifizieren und die Patientenversorgung durch „Precision Medicine" zu verbessern.
481                </p>
482
483                <h4 class="h5">Projektziele</h4>
484                <p>
485                    Das Hauptziel war die Verbesserung der Patientenversorgung durch die Einführung fortschrittlicher Technologien.
486                    Dies umfasste die Harmonisierung von Routinedaten über Grenzen hinweg, die Entwicklung personalisierter Diagnostik
487                    und Therapieansätze sowie die Integration von Labor-, Biomarker- und klinischen Daten mit Patientenberichten.
488                    Ein besonderer Fokus lag auf der Entwicklung neuer Marker beim maschinellen Lernen, um das outcome für Patienten
489                    nachhaltig zu verbessern.
490                </p>
491
492                <h4 class="h5">Projektergebnisse</h4>
493                <p>
494                    Das Projekt ermöglichte einen konstruktiven und grenzüberschreitenden Austausch von Ideen zwischen den
495                    Projektpartnern. Es wurden Strategien und Aktionspläne für die Zusammenarbeit entwickelt sowie gemeinsame
496                    Standards für die Bereitstellung von Routinedaten und Datenharmonisierung erarbeitet. Die Zusammenarbeit verlief
497                    unkompliziert und projekt- sowie zielorientiert, wobei alle Partner ihre spezifischen Kompetenzen und Erfahrungen
498                    erfolgreich einbringen konnten. Das Projekt leistete einen wichtigen Beitrag zur nachhaltigen Entwicklung und
499                    Digitalisierung im Programmgebiet.
500                </p>
501
502                <p style="margin-top: 1.5rem; font-size: 0.9rem; font-style: italic;">
503                    Dieses Projekt wurde gefördert durch <strong>Interreg Deutschland-Danmark</strong> im Rahmen der
504                    <strong>Pulje til Kortere Projekter (PKP)</strong>.
505                </p>
506            </div>
507        </div>
508
509    </section> <!-- end s-projects -->
510
511
512    <!-- stats
513    ================================================== -->
514    <!-- <section id="stats" class="s-stats">
515
516        <div class="row stats block-1-4 block-m-1-2 block-mob-full" data-aos="fade-up">
517
518            <div class="col-block stats__col ">
519                <div class="stats__count">129</div>
520                <h5>Awards Received</h5>
521            </div>
522            <div class="col-block stats__col">
523                <div class="stats__count">1507</div>
524                <h5>Cups of Coffee</h5>
525            </div>
526            <div class="col-block stats__col">
527                <div class="stats__count">108</div>
528                <h5>Projects Completed</h5>
529            </div>
530            <div class="col-block stats__col">
531                <div class="stats__count">103</div>
532                <h5>Happy Clients</h5>
533            </div> -->
534
535    <!-- </div> end stats -->
536
537    <!-- </section> end s-stats -->
538
539
540    <!-- contact
541    ================================================== -->
542    <section id="contact" class="s-contact">
543
544        <div class="row section-header" data-aos="fade-up">
545            <div class="col-full">
546                <h3 class="subhead subhead--light">Kontakt</h3>
547                <h1 class="display-1 display-1--light">Nehmen Sie Kontakt zu uns auf, so dass wir Ihre Idee gemeinsam zu
548                    einem noch großartigeren Produkt entwickeln.</h1>
549            </div>
550        </div> <!-- end section-header -->
551
552        <div class="row">
553
554            <div class="col-full contact-main" data-aos="fade-up">
555                <p>
556                    <a href="mailto:[email protected]" class="contact-email">[email protected]</a>
557                    <span class="contact-number">+49 151 68166250</span>
558                </p>
559            </div> <!-- end contact-main -->
560
561        </div> <!-- end row -->
562
563        <div class="row">
564
565            <div class="col-five tab-full contact-secondary" data-aos="fade-up">
566                <h3 class="subhead subhead--light">Adresse</h3>
567
568                <p class="contact-address">
569                    Tricode UG (haftungsbeschränkt)<br>
570                    Ringstraße 72<br>
571                    24103 Kiel
572                </p>
573            </div> <!-- end contact-secondary -->
574
575            <div class="col-five tab-full contact-secondary" data-aos="fade-up">
576                <h3 class="subhead subhead--light">Weitere Informationen</h3>
577
578                <ul class="contact-social">
579                    <a href="imprint.html">
580                        <p style="font-size:0.75em; color: rgba(255, 255, 255, 0.3)">Impressum</p>
581                    </a> <br>
582                    <a href="privacy.html">
583                        <p style="font-size:0.75em; color: rgba(255, 255, 255, 0.3)">Datenschutzerklärung</p>
584                    </a>
585                    <!-- <li>
586                        <a href="#0"><i class="fab fa-instagram"></i></a>
587                    </li>
588                    <li>
589                        <a href="#0"><i class="fab fa-linkedin"></i></a>
590                    </li> -->
591                </ul>
592
593                <!-- <div class="contact-subscribe">
594                    <form id="mc-form" class="group mc-form" novalidate="true">
595                        <input type="email" value="" name="EMAIL" class="email" id="mc-email"
596                            placeholder="Email Address" required="">
597                        <input type="submit" name="subscribe" value="Subscribe">
598                        <label for="mc-email" class="subscribe-message"></label>
599                    </form>
600                </div> -->
601            </div> <!-- end contact-secondary -->
602
603        </div> <!-- end row -->
604
605        <div class="row">
606            <div class="col-full cl-copyright">
607                <span>
608                    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
609                    Copyright &copy;
609<script>
610                        document.write(new Date().getFullYear());
611                    </script>
611 All rights reserved | This template is made with <i class="fa fa-heart"
612                        aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
613                    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></span>
614            </div>
615        </div>
616
617        <div class="cl-go-top">
618            <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-arrow-up" aria-hidden="true"></i></a>
619        </div>
620
621    </section> <!-- end s-contact -->
622
623    <!-- 
624</script>
624 All rights reserved | This template is made with <i class="fa fa-heart"
625aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> -->
626
627    <!-- photoswipe background
628    ================================================== -->
629    <div aria-hidden="true" class="pswp" role="dialog" tabindex="-1">
630
631        <div class="pswp__bg"></div>
632        <div class="pswp__scroll-wrap">
633
634            <div class="pswp__container">
635                <div class="pswp__item"></div>
636                <div class="pswp__item"></div>
637                <div class="pswp__item"></div>
638            </div>
639
640            <div class="pswp__ui pswp__ui--hidden">
641                <div class="pswp__top-bar">
642                    <div class="pswp__counter"></div><button class="pswp__button pswp__button--close"
643                        title="Close (Esc)"></button> <button class="pswp__button pswp__button--share"
644                        title="Share"></button> <button class="pswp__button pswp__button--fs"
645                        title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom"
646                        title="Zoom in/out"></button>
647                    <div class="pswp__preloader">
648                        <div class="pswp__preloader__icn">
649                            <div class="pswp__preloader__cut">
650                                <div class="pswp__preloader__donut"></div>
651                            </div>
652                        </div>
653                    </div>
654                </div>
655                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
656                    <div class="pswp__share-tooltip"></div>
657                </div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
658                <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
659                <div class="pswp__caption">
660                    <div class="pswp__caption__center"></div>
661                </div>
662            </div>
663
664        </div>
665
666    </div> <!-- end photoSwipe background -->
667
668
669    <!-- preloader
670    ================================================== -->
671    <div id="preloader">
672        <div id="loader">
673        </div>
674    </div>
675
676
677    <!-- Java Script
678    ================================================== -->
679    
679<script src="js/jquery-3.2.1.min.js"></script>
679
680    
680<script src="js/plugins.js"></script>
680
681    
681<script src="js/main.js"></script>
681
682
683</body>
684
685</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.