Skip to content

Commit 1856e9f

Browse files
davidrahusendavidrahusen
committed
Added start page of homepage and modified html-head as well as header.
1 parent 4870950 commit 1856e9f

File tree

1 file changed

+312
-4
lines changed

1 file changed

+312
-4
lines changed

‎index.html‎

Lines changed: 312 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,316 @@
1-
<html>
1+
<!DOCTYPE html>
2+
<html lang="en">
23
<head>
3-
<title>STACKFORCE @ GitHub</title>
4+
<meta charset="UTF-8" />
5+
<title>STACKFORCE @ GitHuB</title>
6+
7+
<meta name="description" content="We are embedded specialists for small and tiny devices, adding connectivity to embedded devices and developing solutions for the Internet of Things." />
8+
9+
<!-- Favicon -->
10+
<link rel="shortcut icon" href="http://www.stackforce.de/themes/stackforce/assets/images/favicon.ico" type="image/x-icon" />
11+
12+
<!-- Stylesheet Includes -->
13+
<link rel="stylesheet" type="text/css" href="http://www.stackforce.de/themes/stackforce/assets/css/reset.css" />
14+
<link rel="stylesheet" type="text/css" href="http://www.stackforce.de/themes/stackforce/assets/css/style.css" />
15+
<link rel="stylesheet" type="text/css" href="http://www.stackforce.de/themes/stackforce/assets/css/content.css" />
16+
<link rel="stylesheet" type="text/css" href="http://www.stackforce.de/themes/stackforce/assets/css/magnific-popup.css" />
17+
<link rel="stylesheet" type="text/css" href="http://www.stackforce.de/themes/stackforce/assets/css/cycle2.css" />
18+
19+
<!-- jQuery Include -->
20+
<script type="text/javascript" src="http://www.stackforce.de/themes/stackforce/assets/js/jquery.min.js"></script>
21+
<script type="text/javascript" src="http://www.stackforce.de/themes/stackforce/assets/js/jquery.magnific-popup.min.js"></script>
22+
<script type="text/javascript" src="http://www.stackforce.de/themes/stackforce/assets/js/jquery.cycle2.min.js"></script>
23+
<script type="text/javascript" src="http://www.stackforce.de/themes/stackforce/assets/js/cycle2/jquery.cycle2.carousel.min.js"></script>
24+
25+
<script type="text/javascript">
26+
$(document).ready(function(){
27+
$("nav ul > li").hover(function(){
28+
$(this).addClass("hover");
29+
var myul=$(this).find("ul")
30+
if(myul)
31+
{
32+
myul.fadeIn(150);
33+
$(this).find("ul li:not(ul li)").addClass("hover");
34+
}
35+
}, function(){
36+
$(this).removeClass("hover");
37+
var myul=$(this).find("ul")
38+
if(myul)
39+
{
40+
myul.fadeOut(200);
41+
$(this).find("ul li:not(ul li)").removeClass("hover");
42+
}
43+
});
44+
});
45+
</script>
446
</head>
47+
548
<body>
6-
Hello World...
7-
</body>
49+
50+
<header>
51+
<div id="top">
52+
<div class="top_inner">
53+
</div>
54+
</div>
55+
56+
<div id="logo">
57+
<div class="logo_inner">
58+
<a href="http://www.stackforce.de/en/">
59+
<img class="svg" width="350px" alt="STACKFORCE" src="http://www.stackforce.de/themes/stackforce/assets/images/stackforce_logo.png" />
60+
</a>
61+
62+
<div class="logo_inner_right">
63+
<!-- Top navigation -->
64+
<div class="social">
65+
<div class="social_inner">
66+
<a target="_blank" href="http://www.xing.com/companies/stackforcegmbh"><img alt="Xing" src="http://www.stackforce.de/themes/stackforce/assets/images/xing.png" /></a>
67+
<a target="_blank" href="http://www.linkedin.com/company/stackforce"><img alt="LinkedIn" src="http://www.stackforce.de/themes/stackforce/assets/images/linkedin.png" /></a>
68+
<a target="_blank" href="http://twitter.com/stackforce"><img alt="Twitter" src="http://www.stackforce.de/themes/stackforce/assets/images/twitter.png" /></a>
69+
<a target="_blank" href="http://plus.google.com/+StackforceDe"><img alt="Twitter" src="http://www.stackforce.de/themes/stackforce/assets/images/googleplus.png" /></a>
70+
</div>
71+
</div>
72+
</div><!-- class:logo_inner_right -->
73+
</div><!-- class:logo_inner -->
74+
</div>
75+
</header>
76+
77+
<div class="container_wrapper">
78+
<div id="container">
79+
<!-- Main navigation -->
80+
<nav id="main_nav">
81+
<ul><li class="first current current_trail"><a href="http://www.stackforce.de/en/home">Home</a></li><li><a href="http://www.stackforce.de/en/company/about-us">Company</a><ul><li class="first"><a href="http://www.stackforce.de/en/company/about-us">About Us</a></li><li><a href="http://www.stackforce.de/en/career">Career</a></li><li class="last"><a href="http://www.stackforce.de/en/company/history">History</a></li></ul></li><li><a href="http://www.stackforce.de/en/products">Products</a><ul><li class="first"><a href="http://www.stackforce.de/en/products/wireless-m-bus-stack">Wireless M-Bus Stack</a></li><li><a href="http://www.stackforce.de/en/technology/wireless-m-bus">Wireless M-Bus Partner Platforms</a></li><li class="last"><a href="http://www.stackforce.de/en/products/capt2web">capt²web</a></li></ul></li><li><a href="http://www.stackforce.de/en/services/firmware-development">Services</a><ul><li class="first"><a href="http://www.stackforce.de/en/services/firmware-development">Firmware Development</a></li><li><a href="http://www.stackforce.de/en/services/protocol-design">Protocol Design</a></li><li><a href="http://www.stackforce.de/en/services/security">Security</a></li><li><a href="http://www.stackforce.de/en/services/system-development">Training & Consulting</a></li><li class="last"><a href="http://www.stackforce.de/en/oms-training">Wireless M-Bus / OMS-Training</a></li></ul></li><li class="last"><a href="http://www.stackforce.de/en/news/press-releases">Press</a><ul></ul></li></ul>
82+
<div class="clear"></div>
83+
</nav>
84+
85+
<!-- begin of content... ->
86+
87+
<!-- Main Content -->
88+
<div id="content_wrapper">
89+
<article class="page_article_sidebar page_article_sidebar_right">
90+
<h1>Welcome</h1>
91+
92+
<div id="claim-show">
93+
<div class="claim" id="embedded">
94+
<div class="claim-inner">
95+
<div class="claim-title">
96+
<h2 style="border: none; font-weight: bold; font-size: 1.5em;color: black; text-transform:lowercase">embedded<span style="font-weight: normal; color: rgb(93, 160, 41); font-size: 2.5em">.</span></h2>
97+
</div>
98+
99+
<div class="claim-description">Our profession and obsession is all around the world of <span style="font-weight:bold">embedded</span><span style="color: rgb(93, 160, 41);font-weight:bold">.</span> devices. We are system architects and core developers of soft- and hardware for small and tiny devices, always striving for the optimum balance between efficiency and flexibility.</div>
100+
</div>
101+
</div>
102+
103+
<div class="claim" id="connectivity">
104+
<div class="claim-inner">
105+
<div class="claim-title">
106+
<h2 style="border: none; font-weight: bold; font-size: 1.5em;color: black; text-transform:lowercase">connectivity<span style="font-weight: normal; color: rgb(93, 160, 41); font-size: 2.5em">.</span></h2>
107+
</div>
108+
109+
<div class="claim-description">Starting from our very first project, we added <span style="font-weight: bold;">connectivity</span><span style="color: rgb(93, 160, 41); font-weight: bold">.</span> to embedded devices. This has neither been limited by the kind of connectivity nor by the restricted capabilities of a deeply embedded device. Since 2002, we have collected experience in more than 200 projects around the design of Cyber-Physical Systems (CPS). Connectivity maybe wired or wireless, safe and secure, modular and flexible.</div>
110+
</div>
111+
</div>
112+
113+
<div class="claim" id="solutions">
114+
<div class="claim-inner">
115+
<div class="claim-title">
116+
<h2 style="border: none; font-weight: bold; font-size: 1.5em;color: black; text-transform:lowercase">solutions<span style="font-weight: normal; color: rgb(93, 160, 41); font-size: 2.5em">.</span></h2>
117+
</div>
118+
119+
<div class="claim-description">
120+
<p>From these projects, we also have lots of building blocks already available. But honestly, we do not have a ready solution for everything at hand. Being close to academia and research, we have a wide overview of technological approaches. And we&#39;re always keen to find a technical solution that fits the economical needs.</p>
121+
122+
<div style="text-align:center">Summarized:<br />
123+
We&#39;re building your <span style="font-weight: bold;">solutions</span><span style="color: rgb(93, 160, 41); font-weight: bold">.</span> for the Internet of Things.</div>
124+
</div>
125+
</div>
126+
</div>
127+
</div>
128+
<style type="text/css">.claim {
129+
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
130+
margin-bottom: 30px;
131+
}
132+
.claim-title {
133+
text-align: center;
134+
margin-bottom: 30px;
135+
}
136+
.claim-inner {
137+
-moz-box-shadow: 0 0 20px #fff;
138+
-webkit-box-shadow: 0 0 20px #fff;
139+
box-shadow: 0 0 20px #fff;
140+
background: rgba(255,255,255,0.93);
141+
margin-left: 180px;
142+
padding: 20px;
143+
padding-top: 0;
144+
}
145+
#embedded {
146+
background: url('/assets/cms/uploads/images/embedded_claim.jpg') no-repeat;
147+
background-position: right center;
148+
background-size: cover;
149+
}
150+
#connectivity {
151+
background: url('/assets/cms/uploads/images/connectivity_claim.jpg') no-repeat;
152+
background-position: left center;
153+
background-size: cover;
154+
}
155+
#solutions {
156+
background: url('/assets/cms/uploads/images/solutions_claim.jpg') no-repeat;
157+
background-position: right bottom;
158+
background-size: cover;
159+
}
160+
.claim-description {
161+
162+
}
163+
</style>
164+
</article>
165+
166+
<aside class="page_aside_sidebar page_aside_sidebar_right">
167+
<p> <h1>News</h1>
168+
169+
170+
<article class="news teaser">
171+
172+
<div class="date">09.10.2015</div>
173+
174+
<a href="http://www.stackforce.de/en/news/stackforce-now-officially-maintains-the-open-source-lorawan-stack">
175+
<h5>STACKFORCE now officially maintains the open source LoRaWAN stack</h5>
176+
</a>
177+
178+
<p>STACKFORCE has been contracted by Semtech to implement and maintain the open source implementation of the LoRaWAN stack.</p>
179+
</article>
180+
181+
<a href="http://www.stackforce.de/en/news/stackforce-now-officially-maintains-the-open-source-lorawan-stack">
182+
Read more...
183+
</a>
184+
185+
<hr />
186+
187+
<article class="news teaser">
188+
189+
<div class="date">02.10.2015</div>
190+
191+
<a href="http://www.stackforce.de/en/news/stackforce-veranstaltet-erstes-oms-training">
192+
<h5>STACKFORCE will host very first OMS Training</h5>
193+
</a>
194+
195+
<p><span style="line-height: 20.8px;">In November STACKFORCE will host the very first OMS training. A two-days workshop for developers and system architects.</span></p>
196+
</article>
197+
198+
<a href="http://www.stackforce.de/en/news/stackforce-veranstaltet-erstes-oms-training">
199+
Read more...
200+
</a>
201+
202+
<hr />
203+
204+
<article class="news teaser">
205+
206+
<div class="date">29.09.2015</div>
207+
208+
<a href="http://www.stackforce.de/en/news/wireless-m-bus-stack-ported-to-renesas-rz-platform">
209+
<h5>Wireless M-Bus Stack ported to Renesas RZ platform</h5>
210+
</a>
211+
212+
<p>Now the <a href="/products/wireless-m-bus-stack">Wireless M-Bus Stack</a> is also available for the RZ processor, an ideal collector device platform. Cortex-A9 with lots of memory promises to be a powerful basis for a high performance collector.</p>
213+
</article>
214+
215+
<a href="http://www.stackforce.de/en/news/wireless-m-bus-stack-ported-to-renesas-rz-platform">
216+
Read more...
217+
</a>
218+
219+
<hr />
220+
221+
<article class="news teaser">
222+
223+
<div class="date">01.06.2015</div>
224+
225+
<a href="http://www.stackforce.de/en/news/captweb-version-2-launched">
226+
<h5>capt²web Version 2 launched</h5>
227+
</a>
228+
229+
<p>STACKFORCE launches version 2 of its successful capt&sup2;web webbased network sniffer/monitoring tool. The new version is based on hardware by SSV Software Systems GmbH,&nbsp;powered by an&nbsp;ARM-9 and Embedded Linux to get even better perfomance and functionality.</p>
230+
</article>
231+
232+
<a href="http://www.stackforce.de/en/news/captweb-version-2-launched">
233+
Read more...
234+
</a>
235+
236+
<hr />
237+
</p>
238+
</aside>
239+
240+
<div class="clear"></div>
241+
</div>
242+
243+
</div><!-- div:container -->
244+
</div><!-- class:container_wrapper -->
245+
246+
<footer>
247+
<div class="bow">
248+
<img class="svg" alt="STACKFORCE GmbH" src="http://www.stackforce.de/themes/stackforce/assets/images/bow.png" />
249+
</div>
250+
<div class="copyright">&copy;2014 STACKFORCE GmbH</div>
251+
</footer>
252+
253+
254+
<script>var BASE_HREF="http://stackforce.github.io/"</script>
255+
<script type="text/javascript">
256+
$(function() {
257+
258+
/*! Pimp links, but not those encapsulating an image. */
259+
$('#container a:not(a:has(img))').each(function() {
260+
/*! If link points to another website, add class for external and set target to new page. */
261+
if(this.hostname && this.hostname !== location.hostname)
262+
{
263+
$(this).addClass("external").attr('target', '_blank');
264+
}
265+
if($(this).attr('href')) {
266+
/*! If link points to a PDF, add class for PDF and set target to new page. */
267+
if($(this).attr('href').match(/.*\.pdf/))
268+
$(this).addClass("pdflink").attr('target', '_blank');
269+
/*! If link points to a Zip, add class for Zip and set target to new page. */
270+
if($(this).attr('href').match(/.*\.zip/))
271+
$(this).addClass("ziplink").attr('target', '_blank');
272+
}
273+
});
274+
275+
$('.popup-image').each(function(){
276+
$(this).css("cursor","pointer");
277+
$(this).click(function(e){
278+
e.preventDefault();
279+
var popupSrc;
280+
if($(this).attr('ppsrc')) {
281+
popupSrc = $(this).attr('ppsrc');
282+
} else if($(this).parent()) {
283+
popupSrc = $(this).parent().attr('href');
284+
}
285+
if(popupSrc) {
286+
$.magnificPopup.open({
287+
items: {
288+
src: popupSrc,
289+
type: 'image'
290+
},
291+
});
292+
} else {
293+
console.log("Could not determine source for the popup!");
294+
}
295+
});
296+
});
297+
298+
$("select").each(function(index){
299+
$(this).wrap("<div class='styled-select'></div>").css("width");
300+
$(this).parent().css("width", $(this).css("width"));
301+
$(this).parent().focusin(function(){
302+
$(this).addClass("shadow");
303+
});
304+
$(this).parent().focusout(function(){
305+
$(this).removeClass("shadow");
306+
});
307+
$(this).css("width", "100%")
308+
});
309+
});
310+
</script>
311+
312+
</body>
313+
8314
</html>
315+
316+

0 commit comments

Comments
 (0)