-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (167 loc) · 9.12 KB
/
index.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
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="de-de" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blueforce Internet Solutions</title>
<meta name="description" content="Spezialist für moderne Websites seit 20 Jahren. Ich baue Websites mit Joomla, Wordpress oder Drupal." />
<meta name="keywords" content="Webdesign, Webdesign Bern, Joomla!, Joomla! Agentur, Joomla! Webdesign, Internetagentur, Wordpress, Trainer, Joomla Profi, Joomla Spezialist, Wordpress Trainer, Wordpress Spezialist, Marketing, Webseiten" />
<meta name="author" content="Roger Perren" />
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<link href="https://plus.google.com/113359128716243463536" rel="publisher" />
</head>
<body>
<div class="container">
<div id="bl-main" class="bl-main">
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-about"><span class="lato-font">Über mich</span></h2>
</div>
<div class="bl-content">
<h2>Zu meiner Person</h2>
<p><img src="images/rogerperren.jpg" alt="Roger Perren" /></p>
<h4>Roger Perren, Webmaster</h4>
<p>Webspezialist seit 1995. Ich baue Websites mit HTML/CSS/PHP. Seit 2003 setze ich vorwiegend dynamische Systeme wie Mambo/<a href="http://www.joomla.org" target="_blank"><strong>Joomla!</strong></a> oder <a href="http://www.wordpress.org" target="_blank"><strong>Wordpress</strong></a> ein.</p>
<p>Sei es die Erstellung neuer Sites, das Aktualisieren veralteter Sites oder auch das Instandhalten vorhandener Sites. Ich decke die gesamte Palette ab. </p>
<p>Ebenso biete ich für diese Systeme auch individuelle <a href="http://kurse.joomlaclub.ch" target="_blank" alt="CMS Kurse">Einzel- oder Gruppentrainings</a> an. Pragmatische und zeitgemässe Lösungen zu finden, zeichnen mich aus.</p>
<p>Meine Social-Profile im Netz:</p>
<p>
<a href="https://www.xing.com/profile/Roger_Perren" target="_blank"><strong>Xing</strong></a> |
<a href="https://www.linkedin.com/in/rogerperren" target="_blank"><strong>Linkedin</strong></a> |
<a href="https://plus.google.com/113359128716243463536/" target="_blank"><strong>GooglePlus</strong></a> |
<a href="https://www.facebook.com/blueforceinternetsolutions" target="_blank"><strong>Facebook</strong></a> |
<a href="https://www.pushbullet.com/channel?tag=joomlainfo" target="_blank"><strong>Pushbullet</strong></a>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section id="bl-work-section">
<div class="bl-box">
<h2 class="bl-icon bl-icon-works"><span class="lato-font">Referenzen</span></h2>
</div>
<div class="bl-content">
<h2>Referenzen</h2>
<p>Taten sagen mehr als Worte. Hier ein paar Beispiele von Arbeiten, die ich in den letzten Jahren realisiert habe.</p>
<ul id="bl-work-items">
<li data-panel="panel-1"><a href="#"><img src="images/1.jpg" /></a></li>
<li data-panel="panel-2"><a href="#"><img src="images/2.jpg" /></a></li>
<li data-panel="panel-3"><a href="#"><img src="images/3.jpg" /></a></li>
<li data-panel="panel-4"><a href="#"><img src="images/4.jpg" /></a></li>
</ul>
<p>Gefällt dir, was du hier siehst? Auf <a href="kontakt.html" target="_self">Anfrage</a> kann ich dir weitere Beispiele zeigen.</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-blog"><span class="lato-font">Aktuelle Projekte</span></h2>
</div>
<div class="bl-content">
<h2>Projekte in Bearbeitung</h2>
<article>
<h3>Kinderarztpraxis, Belp</h3>
<p>Der Kunde möchte eine Webseite für seine Praxis die schlicht und übersichtlich gestaltet ist. Sie dient als Anlaufstelle für Patienten und Lieferanten. Erfahre demnächst mehr über das Projekt...</p>
</article>
<article>
<h3>Dein Projekt hier?</h3>
<p>Gefällt dir, was du hier siehst? Hast du Interesse nach was anderem? Modernem? Etwas, das nicht nach einer "null-acht-fünfzehn" Lösung aussieht? Dann mache ich dir gerne einen Vorschlag!</p>
<p>Da ich meine Projekte ausschliesslich in der Freizeit betreue, braucht es etwas mehr Zeit & Geduld als bei einer konventionellen Webagentur. Aber dafür habe ich andere Qualitäten. </p>
</article>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<section>
<div class="bl-box">
<h2 class="bl-icon bl-icon-contact"><span class="lato-font">Kontakt</span></h2>
</div>
<div class="bl-content">
<p><svg width="300" height="92">
<image xlink:href="images/blueforce.svg" src="images/blueforce.png" width="300" height="92" />
</svg></p>
<h2>Kontaktiere mich</h2>
<article><h3>Adresse</h3></article>
<p>Roger Perren, Birkenring 21, 3422 Kirchberg</p>
<p>Tel. +41 (0)32 510 79 20, Mobile +41 (0)78 603 37 77, <a href="kontakt.html" target="_self">Kontaktformular</a></p>
<article><h3>Ressourcen</h3></article>
<p>
<a href="http://blog.blueforce.ch" target="_blank"><strong>Mein Blog</strong></a> |
<a href="http://kunden.blueforce.ch/index.php?option=com_virtuemart&view=virtuemart&Itemid=123"><strong>Produktübersicht</strong></a> |
<a href="http://support.blueforce.ch"><strong>Kundensupport</strong></a>
</p>
</p>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<!-- Panel items for the works -->
<div class="bl-panel-items" id="bl-panel-work-items">
<div data-panel="panel-1">
<div>
<img src="images/1.jpg" />
<h3>Systemupgrade Netline Support GmbH</h3>
<p>Der Wunsch des Kunden war es, das in die Jahre gekommene Joomla! CMS zu aktualisieren und dabei das bestehende Template zu übernehmen. </p>
<p>Ich habe die Seite von Joomla! 1.5 auf die Version 3.0 migriert. Dabei mussten die Inhalte und das Template an die neue Version angepasst werden.</p>
<p><a href="http://www.service-technik.ch" target="_blank" alt="Netline Support GmbH">Zur Website</a> </p>
</div>
</div>
<div data-panel="panel-2">
<div>
<img src="images/2.jpg" />
<h3>Neuerstellung Südkurve Lyss</h3>
<p>Diese Website wurde mit Joomla! 2.5 realisiert. Dabei galt es vorallem, die verschiedenen Rollen durch eine ausgeklügelte ACL abzudecken. </p>
<p>Das CMS wurde zusätzlich mit dem hauseigenen CRM-System verknüpft. So gelangen online erfasste Kundendaten direkt ins CRM.</p>
<p><a href="http://www.suedkurve-lyss.ch" target="_blank" alt="Südkurve Lyss">Zur Website</a> </p>
</div>
</div>
<div data-panel="panel-3">
<div>
<img src="images/3.jpg" />
<h3>Supportvertrag IPA Zentralschweiz</h3>
<p>Die Internationale Polizeivereinigung, Sektion Zentralschweiz betreut die Inhalte seiner Webseite durch einen eigenen Contentmaster. </p>
<p>Jedoch darf ich ihnen mit einem massgeschneiderten Wartungsvertrag das CMS und die Erweiterungen pflegen.</p>
<p><a href="http://www.ipa-zentral.ch" target="_blank" alt="IPA Zentralschweiz">Zur Website</a> </p>
</div>
</div>
<div data-panel="panel-4">
<div>
<img src="images/4.jpg" />
<h3>Onlineshop Fabi-n.ch</h3>
<p>Der Traum der Kundin Fabienne B. war es, ein eigenes Lädeli im Web zu haben. </p>
<p>So durfte ich ihr einen Onlineshop mit Wordpress und WooCommerce bauen. Gleichzeitig habe ich das neue Logo entworfen und eine passende <a href="https://www.facebook.com/mislaedeli" target="_blank" alt="Facebook Fanpage">Facebook Fanpage</a> ins Leben gerufen.</p>
<p><a href="http://www.fabi-n.ch" target="_blank" alt="fabi-n.ch">Zur Website</a> </p>
</div>
</div>
<nav>
<span class="bl-next-work">> Weiter</span>
<span class="bl-icon bl-icon-close"></span>
</nav>
</div>
</div>
</div>
<!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/boxlayout.js"></script>
<script>
$(function() {
Boxlayout.init();
});
</script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//www.blueforce.ch/tracking/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 1]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//www.blueforce.ch/tracking/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>