forked from seoagentur-hamburg/techbrain.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate-highspeed.php
316 lines (298 loc) · 15.9 KB
/
template-highspeed.php
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
<?php
/**
* Template Name: Highspeed
*/
?>
<!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">Ihr Partner</a></li>
<li><a href="#drei" title="Das WordPress Highspeed-Paket - Alle Einzelheiten">WordPress Speed</a></li>
<li><a href="#vier" title="Ausgewählte Referenzen meiner Arbeit">Referenzen</a></li>
<li><a href="#sechs" title="Lassen Sie nur einen Profi an Ihr WordPress">Ihr Nutzen</a></li>
<li><a href="#sieben" title="Meine Partner für Ihr Business">Partner</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 dark-blue">
<div class="wrapper">
<div class="main-content">
<h1 class="white small"><i class="fa fa-wordpress" aria-hidden="true"></i> Performance Matters</h1>
<h2 class="grey">Highspeed Websites mit WordPress - 0.5 Sekunden Ladezeit</h2>
<div class="zilla-one-half">
<p class="dark-blue left">Google und Ihre Kunden mögen keine langsamen Websites. Darum ist jetzt der richtige Zeitpunkt, um ins Handeln zu kommen. Ich mache Ihre Website rasant schnell. Ladezeiten von nur einer halben Sekunde sind für alle Websites möglich.</p>
<p class="next light"><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 src="https://techbrain.de/wp-content/uploads/2016/10/sehr-schnelle-websites-mit-wordpress.png" 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 Wissen über WordPress, WP Sicherheit und WP Performance ist Ihr Vorteil.</h3>
<div class="zilla-one-half">
<div class="col-inner me">
<p>2008 lernte ich WordPress kennen und lieben. Seitdem arbeite ich als Entwickler und Nutzer jeden Tag damit. Ich bin Experte für WordPress, WordPress Sicherheit und die Performance von WordPress.</p>
<p>Ich will ehrlich zu Ihnen sein. Google mag keine lahmen Websites. Und Ihre Besucher auch nicht, weil sie keine Geduld haben. Die Ladegeschwindigkeit einer Website ist ein Rankingfaktor innerhalb der Google-Suchergebnisse. Eine schnelle Website wird immer besser ranken, als eine langsame.</p>
<p>Als oberen Anhaltspunkt möchte Google Geschwindigkeiten von maximal 1,5 Sekunden sehen. Das ist lahm, doch die meisten Websites laden noch viel langsamer. Geschwindigkeiten von bis zu 6 Sekunden sind normal.</p>
<p>Die Konversionsrate einer lahmen Website ist jenseits von Gut und Böse. <strong>Können Sie sich leisten, richtig Geld dadurch zu verlieren?</strong></p>
<p>Lassen Sie mich Ihre Website so schnell machen, wie Sie es nie für möglich gehalten hätten.</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 alle Fragen rund um 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 sub">Der ultimative WordPress Highspeed</h2>
<h4 class="subheadline">Ladezeiten im Halbsekundenbereich. Auch für Ihre Website.</h4>
<div class="zilla-one-half">
<div class="col-inner">
<h3>Der Performance-Check</h3>
<p>Ich checke Ihre Website und das Webhosting auf alle nötigen Punkte und Bereiche für Performance durch. Sie erhalten von mir ein umfassendes Speed-Protokoll und erfahren, welche Bereiche bereits gut gelöst sind. </p>
<p>Sie erfahren ebenso, welche Punkte noch dringenden Verbesserungsbedarf haben, wenn schnelle Ladezeiten realisiert werden sollen.</p>
</div>
<h4 class="col-white">Kosten:</h4>
<p><strong>250 € netto. <span>297,50 € inkl. MwSt.</span></strong></p>
<div class="button-small-green">
<a href="#fuenf" title="WordPress Performance checken lassen"><center>Website checken lassen »</center></a>
</div>
</div><!-- End .zilla-one-half -->
<div class="zilla-one-half zilla-column-last">
<div class="col-inner">
<h3>Das Highspeed Paket</h3>
<p>Gemeinsam schaffen wir mit dem richtigen Webhosting die Voraussetzung. Danach optimiere ich jeden einzelnen Bereich Ihrer Website auf rasante Ladegeschwindigkeit.</p>
<p>Das Ziel der Optimierungen sind Ladezeiten von unter einer Sekunde. Geschwindigkeiten im Halbsekundenbereich sind bei allen Voraussetzungen machbar und kein Problem.</p>
</div>
<h4 class="col-white">Kosten:</h4>
<p><strong>Ab 750 € netto. <span> Ab 892,50 € inkl. MwSt.</span></strong></p>
<div class="button-small-green">
<a href="#fuenf" title="WordPress Performance Paket bestellen"><center>Performance Paket bestellen »</center></a>
</div>
</div><!-- End .zilla-one-half -->
<div class="one-row">
<h4>Voraussetzungen:</h4>
<p>Ein auf Speed spezialisierter Webhoster. Ich empfehle gern <a href="#sieben">den perfekten Webhoster</a> .</p>
<h4>Ich brauche von Ihnen:</h4>
<p>Damit ich Ihrer Website Beine machen kann, brauche ich von Ihnen einen Admin-Zugang zu Ihrer Website und die FTP-Zugangsdaten zum Webhosting.</p>
</div>
<p class="next"><a href="#vier" title="Zusammenfassung: Ihr Nutzen"><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Referenzen</p>
</div>
</div>
</div>
</section>
<!-- Referenzen -->
<section class="none blue" id="vier">
<div class="wrapper">
<div class="main-content">
<div class="row-two format">
<h2>Ausgewählte Referenzen meiner Arbeiten</h2>
<p>Bei der Geschwindigkeits-Optimierung zählen für mich nicht die berühmten 100 von 100 Punkte bei Google Page-Speed Insights. Mich interessiert nur die reine Ladegeschwindigkeit.</p>
<h4>Techbrain.de</h4>
<p>Meine eigene Website ist gut optimiert, obwohl durchaus noch etwas mehr ginge. Doch eine Ladezeit von unter <a href="https://tools.pingdom.com/#!/enwkbz/https://techbrain.de" target="_blank">400 Millisekunden (0.4 Sekunden)</a> ist ganz okay. </p>
<div class="image-inner-screen abstand">
<span class="img-caption">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/tb-speed-test-neu.png" alt="Techbrain.de - https://techbrain.de" />
</a>
</div>
<h4>Democratic Post</h4>
<p>Politisches Magazin mit vielen - auch großformatigen - Bildern auf der Startseite. Die Website lädt trotzdem in <a href="https://tools.pingdom.com/#!/EXSes/https://www.democraticpost.de/" target="_blank">unter einer halben Sekunde</a>.</p>
<div class="image-inner-screen abstand">
<span class="img-caption">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/themes/techbrain/images/dp.png" alt="Democratic Post - https://www.democraticpost.de/" />
</a>
</div>
<div class="clear"></div>
<p class="next"><a href="#fuenf" class="noformat" title="Kontakt aufnehmen"><i class="fa fa-arrow-circle-down fa-3x" aria-hidden="true"></i></a> Kontakt aufnehmen</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 einen Profi Ihre Website schnell machen</h2>
<div class="zilla-one-half">
<div class="col-inner buy">
<p>Mit jeder Faser meines Körpers lebe ich WordPress. Individualität und enormes Fachwissen machen den Unterschied zwischen einer »etwas schnelleren« und einer sauschnellen Website aus.</p>
<p>Deshalb gehe ich bei jeder Website einen Schritt weiter und sorge für den richtigen Speed. Entwickelt für meine eigenen Websites - verbessert für Ihre Website.</p>
<p>Erleben Sie ihre WordPress-Website auf einem völlig neuen Level der Geschwindigkeit.</p>
<p>Geben Sie daher die Speed-Optimierung Ihrer WordPress-Installation(en) in professionelle Hände. So können Sie sicher sein, dass das Ergebnis mehr als Befriedigend ist.</p>
<p><a class="fragen-button double" title="Sie haben noch eine Frage vor der Erteilung eines Auftrags? Ich beantworte sie gern!" 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>Meine 8-jährige Erfahrung als Entwickler mit WordPress</li>
<li>Zuverlässigkeit und Diskretion</li>
<li>Eine professionelle Arbeitsweise</li>
<li>Für jeden Job erstellen wir gemeinsam ein Lastenheft, dass für beide Parteien verbindlich ist.</li>
<li>Die Website wird so schnell wie möglich gemacht - nach Lastenheft.</li>
<li><strong>Festpreise nach Lastenheft</strong></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="color second" id="sieben">
<div class="wrapper">
<div class="main-content">
<div class="row-two">
<h2 class="vorstellung">WordPress Performance Partner</h2>
<h3 class="subheadline">Partner meines Vertrauens. Für optimale Ergebnisse.</h3>
<div class="col-inner me">
<p>Hier eine Liste der Partner, mit denen ich für optimal schnelle Websites zusammen arbeite. Ein Klick bringt Dich zur Website des Partners.</p>
<div class="image-inner-screen abstand">
<span class="img-caption">Raidboxes - Premium Managed WordPress Hosting aus Deutschland</span>
<a href="https://raidboxes.de?aid=13291" target="_blank">
<img src="https://techbrain.de/wp-content/uploads/2016/10/Raidboxes.jpg" alt="Raidboxes.de" />
</a>
</div>
<div class="image-inner-screen abstand">
<span class="img-caption">hostNET.de - Managed-Root Cloud Server</span>
<a href="https://www.hostnet.de/1237-2-1-48.html" target="_blank">
<img src="https://techbrain.de/wp-content/uploads/2016/10/hostNET.jpg" alt="hostNET.de" />
</a>
</div>
<div class="image-inner-screen abstand">
<span class="img-caption">keyCDN - CDN - Einfach, Schnell & Zuverlässig</span>
<a href="https://www.keycdn.com/?a=21747" target="_blank">
<img src="https://techbrain.de/wp-content/uploads/2016/10/keyCDN.jpg" alt="Raidboxes" />
</a>
</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><!-- Row two -->
</div><!-- end .main-content 2 -->
</div><!-- End .wrapper -->
</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>