-
Notifications
You must be signed in to change notification settings - Fork 0
/
leistung.html
161 lines (155 loc) · 10.8 KB
/
leistung.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leistungen</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="images/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">STARTSEITE</a></li>
<li><a href="leistung.html">LEISTUNGEN</a></li>
<li><a href="about.html">ÜBER UNS</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
<li><a href="impressum.html">IMPRESSUM</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Unsere Leistungen</h1>
</section>
<!---------- Leistungen Inhalt ---------->
<section class="leistung">
<h1>Die NetMarket Leistungen</h1>
<p>Punkt für Punkt – immer da, wo Sie uns brauchen:</p>
<div class="row">
<div class="leistung-col">
<h3>Beratung & Strategie</h3>
<p>Zuhören. Analysieren. Lösen.<br><br> Am Anfang steht die Idee. Oder manchmal nur eine vage
Vorstellung. Wenn Sie wollen, kann hier schon der Job von NetMarket beginnen. Denn wir können aktiv
zuhören, strategisch analysieren und anschließend
eine effiziente Lösung erarbeiten. Und zwar ganz individuell auf Sie zugeschnitten. Bei der
Realisierung sind unsere Spezialisten für Einkauf und Produktion zuverlässig an Ihrer Seite. Sie
behalten sowohl das technisch Machbare als
auch die Kostenfrage für Sie im Auge. Das verstehen wir unter effizienter Beratung – damit Ihre
Strategie aufgeht!</p>
</div>
<div class="leistung-col">
<h3>Konzept & Kreation</h3>
<p>Gestalten. Texten. Überzeugen.<br><br> Unsere erfahrenen Grafiker, Texter und Mediengestalter wissen
genau, wie sie Ihr Produkt oder Ihre Dienstleistungen aufmerksamkeitsstark und überzeugend in Szene
setzen. Dabei haben Sie vom Konzept
über die Kreation bis zum fertigen Werbemittel und dem Versand ein perfekt eingespieltes Team an
Ihrer Seite: NetMarket.</p>
</div>
<div class="leistung-col">
<h3>Druckproduktion</h3>
<p>Offset. Digital. Weiterverarbeiten.<br><br> Bei hohen Auflagen und großen Formaten spielt auch für
uns der Offsetdruck immer noch die Hauptrolle. In brillanter, erstklassiger Qualität realisieren wir
Ihre Werbedrucksachen und Geschäftspapiere.</p>
</div>
<div class="leistung-col">
<h3>Lettershop</h3>
<p>Personalisieren. Optimieren. Versenden.<br><br> Bestandskunden oder Akquise, klassischer Brief oder
Postkarte, Selfmailer oder Newsletter oder auch ein individuell konzipiertes Aktionsmittel – bei
NetMarket finden Sie immer die richtige
Lösung für ein perfekt funktionierendes Directmarketing.</p>
</div>
<div class="leistung-col">
<h3>Logistik</h3>
<p>Organisieren. Konfektionieren. Zustellen.<br><br> Unter Logistik versteht NetMarket den an Ihren
Bedarf angepassten Auslieferungsprozess. Dazu gehören je nach Anforderung Organisation,
Lagerhaltung, Kommissionierung, Konfektionierung und
Zustellung der Ware.</p>
</div>
<div class="leistung-col">
<h3>Datenbanken</h3>
<p>Programmieren. Verwalten. Kommunizieren.<br><br> NetMarket hat sehr früh das traditionelle
Druckgeschäft durch innovative Informationstechnologien ergänzt. Weil datenbankgestützte Prozesse
besonders transparent und effektiv sind, programmieren
und verwalten wir für unsere Kunden seit vielen Jahren individuelle Kommunikationslösungen. Bild-
und Werbemittel-Datenbanken für unterschiedliche Anwendungen, komplexe Shopsysteme oder auch
komplette Produktionsdatenbanken. Unser
umfassendes IT-Know-how ergänzt dieses Dienstleistungsangebot optimal.</p>
</div>
</div>
</section>
<!---------- Einrichtungen Ihhalt ---------->
<section class="einrichtung">
<h1>Unsere Einrichtungen</h1>
<p class="txt">Wir haben eine breite Palette von Einrichtungen, die Mitarbeitern, Besuchern und der lokalen
Gemeinschaft offen stehen. Auf einem großen grünen Standort in Heppendorf sind wir stolz auf unser
einladendes und freundliches Zuhause.</p>
<div class="row">
<div class="einrichtung-col">
<img src="images/data.png">
<h3>Informatik und Datenbank</h3>
<p>Analyse - Konzeption - Programmierung - Datenbankpflege - Application Service Providing - IT-Lösungen
</p>
</div>
<div class="einrichtung-col">
<img src="images/logistik.png">
<h3>Lager & Logistik</h3>
<p> Organisieren - Lagern - Kommissionieren - Konfektionieren - Verpacken - Versenden</p>
</div>
<div class="einrichtung-col">
<img src="images/drucker.png">
<h3>Druckerei</h3>
<p>Offsetdruck - Digitaldruck - UV-Lack - Personalisiertes Drucken - Perforieren - Cellophanieren -
Schneiden - Falzen - Heften - Klebebinden - Stanzen - Prägen</p>
</div>
</div>
</section>
<!---------- Footer ---------->
<section class="footer">
<h4>ÜBER UNS</h4>
<p>NetMarket PMS GmbH Stammelner Straße 26 50189 Elsdorf-Heppendorf<br>Vertretungsberechtigter Geschäftsführer:
Gerd Beudels<br><br> T. +49 2271 9944 0<br>F. +49 2271 9944 810<br>E. info@netmarket.de<br>www.netmarket.de
</p>
<div class="icons">
<svg class="fab" xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg>
<svg class="twt" xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor"
class="bi bi-twitter" viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
</svg>
<svg class="ins" xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg>
<svg class="lik" xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor"
class="bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
</svg>
</div>
<p>Made with <big>💗</big> by Hoodad</p>
</section>
<!---------- Javascript für Menü Umschaltung ---------->
<script>
var navlinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>