techbrain.github.io/template-webdesign.php at master · k1moe/techbrain.github.io · GitHub

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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<?php
/**
 * Template Name: Webdesign
 */
?>
 <!DOCTYPE html>
<html class="no-js" <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="dns-prefetch" href="//s0.wp.com" />
<link rel="preconnect" href="//s0.wp.com" />
<link rel="dns-prefetch" href="//stats.wp.com" />
<link rel="preconnect" href="//stats.wp.com" />
<link rel="dns-prefetch" href="//opensource.keycdn.com" />
<link rel="preconnect" href="//opensource.keycdn.com" />
<link rel="dns-prefetch" href="//www.google-analytics.com" />
<link rel="preconnect" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<link rel="preconnect" href="//ajax.googleapis.com" />
<link rel="stylesheet" href="<?=auto_version('/wp-content/themes/techbrain/css/styles.css')?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?=auto_version('/wp-content/themes/techbrain/landingpage.css')?>" type="text/css" media="screen" />
<?php wp_head(); ?>
</head>
<body class="landing">
<div class="wrapper header-wrap">

<ul class="menu">
    <li><a class="first" href="#zwei" title="Warum ich der richtige Partner für Sie bin">Über mich</a></li>
    <li><a href="#drei" title="Beratung - Entwicklung und Design">Mein Service für Sie</a></li>
    <li><a href="#vier" title="Ausgewählte Referenzen meiner Arbeiten">Ausgewählte Referenzen</a></li>
    <li><a href="#sechs" title="Lassen Sie nur einen Profi an Ihr WordPress">Ihr Nutzen</a></li>
    <li><a class="red" href="#fuenf" title="Jetzt Kontakt aufnehmen">Kontakt</a></li>
</ul>

<header id="landingpage">
 <p class="site-title">
 <a href="https://techbrain.de/" rel="home" title="Zurück zur Startseite von Techbrain.de">
 <img src="https://techbrain.de/wp-content/uploads/2016/10/logo.png" alt="TechBrain">
 </a>
 </p>
 <p class="title-image">TechBrain.de</p>
 <p class="title-image">Andreas Hecht - So bloggt man heute!</p>
</header>
</div><!-- End .wrapper -->

<div class="clear"></div>
<section class="none blue dark-padding">
<div class="wrapper">
 <div class="main-content">
 <h1 class="white small">Webentwicklung mit WordPress</h1>
 <h2 class="grey">Entwicklung und Design individueller Themes und Child-Themes</h2>
  <div class="zilla-one-half">

<p class="lightblue leftalign">Möchten Sie eine neue Website mit WordPress erstellt haben? Oder benötigt Ihre Website einen neuen Anstrich? Dann sind Sie bei mir genau richtig. Entwicklung und Webdesign mit WordPress sind meine Leidenschaften.</p>
<p class="next"><a href="#zwei" title="Mehr erfahren..."><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Warum ich der richtige Partner bin</p>
  </div>
<div class="zilla-one-half zilla-column-last">
<img class="round" src="https://techbrain.de/wp-content/uploads/2016/10/webdesign.jpg" alt="WordPress Webdesign"  />
</div>
</div><!-- end .main-content 1 -->
</div><!-- End .wrapper -->
</section>
 <div class="clear"></div>

<section class="color" id="zwei">
<div class="wrapper">
 <div class="main-content">
<div class="row-two">
<h2 class="vorstellung">Warum ich der richtige Partner für Sie bin</h2>
<h3 class="subheadline">Mein umfassendes Wissen über Webdesign und WordPress ist Ihr Vorteil.</h3>
<div class="zilla-one-half">
<div class="col-inner me">
<p>Seit 2006 beschäftige ich mich mit der Entwicklung von Websites auf Basis von HTML und CSS. 2008 lernte ich WordPress kennen und lieben. Seitdem arbeite ich als Entwickler und Nutzer jeden Tag damit.</p>
<p>Von 2011 bis 2014 verkaufte ich professionelle Premium-Themes mit meiner damaligen Firma. Knapp 30 Themes hatte ich zum Verkauf entwickelt, die sich hunderte Male verkauft haben. Nebenbei entwickelte ich etliche Themes für Privatpersonen und Unternehmen.</p>
<p>Im Jahr 2009 wurde eine meiner Websites gehackt. Seit damals beschäftige ich mich eingehend mit der Sicherheit von WordPress. Mein Fachbuch »<a href="https://techbrain.de/e-book-wordpress-sicherheit/" target="_blank">WordPress Sicherheit</a>« erschien 2012 erstmalig und liegt mittlerweile in der fünften Auflage vor.</p>
<p>Für mich gibt es keine Probleme, sondern nur Lösungen. Ich arbeite zügig, genau und liefere Ihnen bestmögliche Ergebnisse.</p>
<p><strong>Vor Beginn der Arbeiten legen wir zusammen ein Lastenheft an, dass ich dann abarbeiten werde. So kann es keine bösen Überraschungen für Sie geben.</strong></p>
<p class="next"><a href="#drei" title="Meine Dienstleistungen für Sie"><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Das kann ich für Sie leisten</p>
</div>
</div>
<div class="zilla-one-half zilla-column-last">
<div class="image-inner">
<span class="img-caption">Ihr Partner für Webdesign mit WordPress: Andreas Hecht</span>
<img src="https://techbrain.de/wp-content/uploads/2016/08/andi-neu.jpeg" width="480" height="640" alt="Andreas Hecht" />
</div>
</div>
</div><!-- Row two -->
</div><!-- end .main-content 2 -->
</div><!-- End .wrapper -->
</section>

<section class="none blue dark all" id="drei">
<div class="wrapper">
 <div class="main-content">
<div class="row-two">
<h2 class="big">Beratung - Entwicklung und Design</h2>

<div class="block-inner">
<div class="zilla-two-third">
<div class="col-inner">
<h3>WordPress Beratung - Bevor es losgeht</h3>
<p>Sie besitzen noch keine Website, oder sind mit den technischen Gegebenheiten Ihrer Website nicht zufrieden? Dann nehmen Sie meine Beratung in Anspruch. Von der Wahl des richtigen Webhostings, der optimalen Backup-Strategie, bis hin zur Geschwindigkeit und Sicherheit der neuen Website bin ich Ihr richtiger Ansprechpartner.</p>
<p>Eine gute Beratung im Vorfeld hilft Enttäuschungen zu verhindern. Damit Sie mit Ihrer Website zu 100% zufrieden sein können.</p>
</div>
</div>


<div class="zilla-one-third zilla-column-last">
<div class="col-inner">
<h4 class="col-white">Ab 100 € / Stunde netto. <br /><span>119 € inkl. MwSt.</span></h4>
<div class="button-small-green">
<a href="#fuenf" title="Beratung bestellen">Jetzt Kontakt aufnehmen &raquo;</a>
</div>
</div>
</div>
</div><!-- End block.inner Webdesign -->

<div class="block-inner">
<div class="zilla-two-third">
<div class="col-inner">
<h3>Entwicklung und Design eines Themes</h3>
<p>Ich entwickle ein vollwertiges WordPress-Theme für Sie und integriere alle gewünschten Funktionen und Anforderungen. Bevor ich mit der Entwicklung beginne, erarbeiten wir zusammen ein Lastenheft. In diesem Lastenheft legen wir genau fest, welche Arbeiten durchgeführt werden sollen. Ebenfalls wird festgelegt, welche Funktionen die neue Website aufweisen und welche Wünsche in die neue Website einfließen sollen. So kann es für beide Parteien zu keiner bösen Überraschung kommen.</p>
<p>Sie bekommen von mir ein ein fehlerfreies und hochwertiges Produkt, dass auf die neuesten Anforderungen der On-Page SEO vorbereitet ist. Zudem entwickle ich das Theme von Anfang an auf schnelle Ladezeiten. Damit haben Sie die Sicherheit, dass Ihre Inhalte so gut wie möglich in den Suchergebnissen von Google repräsentiert sind.</p>
<p>Ein responsives Design, dass auf allen Ausgabemedien funktioniert, ist selbstverständlich für mich.</p>

<small class="caption">Ein Beispiel einer responsiven Website.
<div class="image-inner">
<img src="https://techbrain.de/wp-content/uploads/2016/10/responsive.jpg" alt="Beispiel responsives Webdesign" />
</div>
</small>
</div>
</div>

<!-- Wartung -->
<div class="zilla-one-third zilla-column-last">
<div class="col-inner">
<h4 class="col-white">Ab 1.200 € netto. <br /><span>1.428 € inkl. MwSt.</span></h4>
<p>Je nach Aufwand wird ein Festpreis vereinbart.</p>
<h4 class="col-white">Sie erhalten von mir:</h4>
<ul class="m-list m-list--checkmark inpage include">
<li>Robusten Code</li>
<li>Cross-Browser Kompatibilität</li>
<li>Eine Anpassung auf mobile Geräte</li>
<li>On-Page-SEO Optimierung</li>
<li>Vorbereitung auf Speed-Optimierung</li>
<li>Integration eigener Funktionen</li>
<li>Ein individuelles Design</li>
</ul>
<div class="button-small-green">
<a href="#fuenf" title="Webdesign bestellen">Jetzt Kontakt aufnehmen &raquo;</a>
</div>
</div>
</div>
</div><!-- End block.inner Wartung -->


<div class="zilla-two-third">
<div class="col-inner">
<h3>Entwicklung und das Design eines Child-Themes</h3>
<p>Ein Child-Theme für ein bereits bestehendes Theme kann ich ebenfalls für Sie entwickeln. Hierbei überprüfe ich auch die Code-Qualität des Parent-Themes und passe diese an, wenn es nötig erscheint.</p>
<p>Das Child-Theme wird von mir auf die neuesten Erkenntnisse der On-Page-SEO entwickelt. Ich bereite es ebenfalls auf eine hohe Ladegeschwindigkeit vor, damit ein gutes Ranking in den Suchergebnissen möglich ist.</p>
<p>Alle von Ihnen gewünschten Funktionen und Anforderungen können in das neue Child-Theme integriert werden. Anpassungen am Design und Änderungen sind kein Problem. Ein vollkommen neues und eigenständiges Design ist ebenfalls möglich.</p>
</div>
<p class="next"><a href="#vier" title="Mehr erfahren..."><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Ausgewählte Referenzen</p>
</div>

<!-- Wartung -->
<div class="zilla-one-third zilla-column-last">
<div class="col-inner">
<h4 class="col-white">Ab 700 € netto. <br /><span>833 € inkl. MwSt.</span></h4>
<p>Je nach Aufwand wird ein Festpreis vereinbart.</p>
<h4 class="col-white">Sie erhalten von mir:</h4>
<ul class="m-list m-list--checkmark inpage include">
<li>Eine Kontrolle und Anpassung der Code-Qualität</li>
<li>Eine Anpassung auf mobile Geräte</li>
<li>On-Page-SEO Optimierung</li>
<li>Vorbereitung auf Speed-Optimierung</li>
<li>Eigene Funktionen und Wünsche</li>
<li>Ein Individuelles Design ist kein Problem</li>
</ul>
<div class="button-small-green">
<a href="#fuenf" title="Webdesign bestellen">Jetzt Kontakt aufnehmen &raquo;</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Referenzen -->
<section class="none blue" id="vier">
<div class="wrapper">
 <div class="main-content">
<div class="row-two">
<h2>Ausgewählte Referenzen meiner Arbeiten</h2>
<p></p>
<div class="zilla-one-half">
<div class="image-inner-screen">
<span class="img-caption">Democratic Post - Ein Klick auf die Grafik bringt Sie zur Website</span>
<a href="https://www.democraticpost.de" target="_blank" title="Ein Klick bringt Sie zur Democratic Post">
<img src="https://techbrain.de/wp-content/uploads/2016/10/referenz-dp.jpg" alt="Democratic Post - https://www.democraticpost.de" />
</a>
</div>
</div>
<div class="zilla-one-half zilla-column-last">
<div class="image-inner-screen">
<span class="img-caption">Dr. Web Magazin - Ein Klick auf die Grafik bringt Sie zur Website</span>
<a href="https://www.drweb.de/magazin/" target="_blank" title="Ein Klick bringt Sie zum Dr. Web Magazin">
<img src="https://techbrain.de/wp-content/uploads/2016/10/referenz-dw.jpg" alt="Dr. Web - https://www.drweb.de/magazin/" />
</a>
</div>
</div>
<div class="clear"></div>
<div class="zilla-one-half">
<div class="image-inner-screen">
<span class="img-caption">Techbrain.de Startseite - Ein Klick auf die Grafik bringt Sie zur Website</span>
<a href="https://techbrain.de" target="_blank" title="Ein Klick bringt Sie zu Techbrain.de">
<img src="https://techbrain.de/wp-content/uploads/2016/10/techbrain.jpg" alt="Techbrain.de - https://techbrain.de" />
</a>
</div>
</div>
<div class="zilla-one-half zilla-column-last">
<div class="image-inner-screen">
<span class="img-caption">Techbrain.de | Blogansicht</span>
<a href="https://techbrain.de" target="_blank" title="Ein Klick bringt Sie zu Techbrain.de">
<img src="https://techbrain.de/wp-content/uploads/2016/10/referenz-tb.jpg" alt="Techbrain.de, ein Artikel - https://techbrain.de" />
</a>
</div>
</div>
<div class="clear"></div>
<p class="next"><a href="#fuenf" title="Mehr erfahren..."><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Ihr Nutzen einer Zusammenarbeit</p>
</div>
</div>
</div>
</section>

<section id="fuenf" class="contact">
<div class="wrapper">
 <div class="main-content">
<div class="row-two">
<h2 class="vorstellung">Leistungen bestellen oder Kontakt aufnehmen</h2>
<h3 class="subheadline">Der direkte Draht zu Ihrem neuen WordPress-Partner.</h3>
<div class="zilla-one-half">
<p><strong>Alle Felder mit einem Stern * sind Pflichtfelder.</strong></p>
<?php echo do_shortcode( '[contact-form-7 id="2119" title="Landingpages"]' ); ?>
<p class="next"><a href="#sechs" title="Zusammenfassung: Ihr Nutzen"><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Zusammenfassung: Ihr Nutzen</p>
</div>

<div class="zilla-one-half zilla-column-last">
<h3 class="kontakt">Andreas Hecht</h3>
<h4>Journalismus, Webentwicklung und Sicherheit</h4>
<p>Gustav-Leo-Straße 3<br/>
20249 Hamburg-Eppendorf</p>
<p>Tel: +49 (0) 176 - 3139 0752</p>
<p>E-Mail: info at techbrain.de</p>
<div class="box-blau">
<p><strong>Bitte beachten:</strong> Anfragen zu WordPress Sicherheit, Webdesign/Entwicklung und anderen Dienstleistungen bitte zuerst als E-Mail. Ich vereinbare dann mit Ihnen einen Telefontermin, damit beide Parteien ausreichend Zeit für ein erstes Gespräch haben.</p>
</div>
</div>
</div>
</div><!-- Row two -->
</div><!-- end .main-content 2 -->
</div><!-- End .wrapper -->
</section>


<section class="color bg" id="sechs">
<div class="wrapper">
 <div class="main-content">
<div class="row-two">
<h2 id="kaufen">Lassen Sie nur einen Profi an Ihr WordPress</h2>
<div class="zilla-one-half">
<div class="col-inner buy">
<p>WordPress ist das beliebteste Content Management System der Welt. Für den Benutzer ist es sehr einfach zu handhaben. Entwickler können fast alles denkbare mit dieser Software realisieren.</p>
<p>Wer sich jedoch nicht 100%ig mit WordPress auskennt, kann schnell einiges kaputtmachen. Das Herz der Software ist die Programmiersprache PHP in Verbindung mit »WordPress-Tags«.</p>
<p>Das bedeutet, dass es nicht einfach ist, ein Theme zu entwickeln oder echte Sicherheit herzustellen. Lassen Sie daher nur einen Profi an Ihre Website heran, denn diese Website ist Ihr Business - Ihre Visitenkarte im Netz.</p>
<p>Ich arbeite zügig, ergebnisorientiert und professionell für Sie.</p>
<p><a class="fragen-button double" title="Sie haben noch eine Frage vor der Erteilung eines Auftrags? Ich beantworte sie gern!" target="_blank" href="#fuenf">Sie haben noch eine Frage vor der Auftragserteilung?</a></p>
</div>
<p class="next"><a href="#landingpage" title="Nach oben"><i class="fa fa-arrow-circle-up fa-3x" aria-hidden="true"></i></a></p>
</div>

<div class="l-u--1-1 l-u--large-4-11 m-pricetable">
         <div class="pricetable-inner">
          <div class="m-pricetable__header extended">
            <strong>Auf den Punkt gebracht</strong>
          </div>
          <div class="m-pricetable__matter">
            <p><strong>Sie profitieren durch:</strong></p>
            <ul class="m-list m-list--checkmark">
              <li>Robusten Code</li>
              <li>Cross-Browser Kompatibel</li>
              <li>Responsive Anpassung auf mobile Geräte</li>
              <li>On-Page-SEO Optimierung</li>
              <li>Meine 8-jährige Erfahrung mit WordPress als Entwickler</li>
              <li>Meine 7-jährige Erfahrung in der WordPress-Sicherheit</li>
              <li>Eine professionelle Arbeitsweise</li>
              <li>Für jeden Job erstellen wir ein Lastenheft zusammen</li>
              <li><strong>Festpreise nach Lastenheft</strong></li>
            </ul>
          </div>
        </div>
        </div>

</div>
</div>
</div>
</section>
<div class="op-text-block" style="width:100%;text-align: left;">
<p style="text-align: center;"><a href="https://techbrain.de/impressum/" target="_blank">Impressum</a>
</p>
</div>
<div class="full-width footer small-footer-text">
                        <div class="row">
                <div class="fixed-width">
                    <p class="footer-copyright">© Copyright 2014 - 2016 - Andreas Hecht - Techbrain.de - All Rights Reserved</p>
                    </div>
            </div>
        </div>
<script type='text/javascript' src='https://stats.wp.com/e-201640.js' async defer></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Google Analytics modifiziert -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://techbrain.de/analytics.js','ga');
  ga('create', 'UA-78788233-1', 'auto');
  ga('set', 'anonymizeIp', true);
  ga('send', 'pageview');
 setTimeout("ga('send','event','Interessierte Nutzer','Mehr als 30 Sekunden')",30000);
</script>
<!-- Ende Google Analytics -->
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.5.0/font-awesome.min.css" type='text/css' media='all' property='stylesheet' />
	<script>
  $(function() {
    $('a[href*="#"]:not([href="#"])').click(function() {
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
          $('html, body').animate({
            scrollTop: target.offset().top
          }, 1000);
          return false;
        }
      }
    });
  });
</script>
</body>
</html>