-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
111 lines (93 loc) · 4.44 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Die FIRMA</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Jannik Hauptvogel">
<meta name="publisher" content="Die FIRMA">
<meta name="description" content="Firma für Fachkompetenz, Informationstechnik, Research, Mediendesign und Anglizismen.">
<link rel="shortcut icon" type="image/x-icon" href="img/logo/die-firma-icon.ico">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body class="single-img" style="background-image: url('img/bg/die-firma-wallpaper.png');">
<header>
<div id="logo">
<img width=390 height=123 src="img/logo/die-firma-logo.jpg" class="incomming"></img>
</div>
<nav>
<ul>
<li>
<a href="#about-page" id="current-page">About</a>
</li>
<li>
<a href="#product-page">Products</a>
</li>
<li>
<a href="#project-page">Projects</a>
</li>
<li>
<a href="#contact-page">Contact</a>
</li>
</ul>
</nav>
</header>
<section class="main-view">
<section class="sbar" id="sbar-left">
<div class="sbar-block">
<img width=210 height=140 src="img/ads/morcisoft.png"></img>
<p><i>"Qualität war für uns bis<br> jetzt nur ein Fremdwort."</i><br>- Morcisoft</p>
</div>
<div class="sbar-block">
<img width=210 height=140 src="img/ads/sumsang.png"</img>
<p><i>"Das machen wir jetzt<br> einfach genauso."</i><br>- Sumsang</p>
</div>
</section>
<section class="sbar" id="sbar-right">
<div class="sbar-block">
<img width=210 height=140 src="img/ads/nova.png"</img>
<p><i>"Die Firma Die FIRMA ist<br> und bleibt unser Vorbild."</i><br>- NOVA Netzwerktechnik</p>
</div>
<div class="sbar-block">
<img width=210 height=140 src="img/ads/yeskia.png"</img>
<p><i>"Komisch, dass wir noch<br> nicht bankrott sind."</i><br>- Yeskia</p>
</div>
</section>
<div class="container" id="about-page">
<h1>About</h1>
<p>Wir sind die Firma für <b>F</b>achkompetenz, <b>I</b>nformationstechnik, <b>R</b>esearch, <b>M</b>ediendesign und <b>A</b>nglizismen.</p>
<p>Gegründet wurde die Firma Die FIRMA am 21. September 2017 und hat sich den Platz als</p>
<p>unangefochtene, weltmarktführende Firma <b>mehr</b> als verdient.</p>
<p><br>Trotz unseres einzigartigen, durch nichts übertreffbaren, schnellen Aufstiegs sind wir,</p>
<p>die Firma Die FIRMA, immer noch bescheidener und anspruchsloser als <b>alle Anderen</b>.</p>
<p><br>Durch langanhaltendem Ehrgeiz, Innovation und Industriespionage sind wir zu der Firma geworden,</p>
<p>die wir heute sind, Die FIRMA.</p>
</div>
<div class="container" id="product-page">
<h1>Products</h1>
<p>Unser Service ist mit Abstand der wohl vielfältigste und beste auf der ganzen Welt.</p>
<p>Sowohl zur Einrichtung und Wartung von Netzwerken, Servern und Rechnern,</p>
<p>als auch zur Software- und Webentwicklung, stehen wir Ihnen zur Verfügung.</p>
<p>Wie bereits an dieser Website zu sehen ist unser Service absolut seriös.</p>
</div>
<div class="container" id="project-page">
<h1>Projects</h1>
<p>Unser aktuellstes Projekt ist diese, durch nichts übertreffbare und hoch informative, Website.</p>
<p>Genießen Sie jede Sekunde, die Sie auf dieser Website verbringen dürfen.</p>
<p>Für neue Projekte steht Ihnen die Firma Die FIRMA immer zur Verfügung.</p>
</div>
<div class="container" id="contact-page">
<h1>Contact</h1>
<p>Finden tun Sie uns überall auf der Welt, sei es in Uganda oder auch hier in Deutschland.</p>
<p>Falls Sie uns erreichen wollen, stehen wir Ihnen jederzeit zur Verfügung.</p>
<p>Rufen Sie uns einfach an, schreiben Sie uns eine E-Mail oder besuchen Sie uns.</p>
<p>Ihre Firma, Die FIRMA</p>
</div>
<footer>
<p>Copyright © Die FIRMA - All <span id="rights">Rights</span> Reserved</p>
</footer>
</section>
<script type="text/javascript" charset="utf-8" src="js/vendor/jquery-3.2.1.js"></script>
<script type="text/javascript" charset="utf-8" src="js/main.js"></script>
</body>
</html>