This repository was archived by the owner on Jul 13, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
200 lines (184 loc) · 8.38 KB
/
index.html
File metadata and controls
200 lines (184 loc) · 8.38 KB
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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RoyalZSoftware - Ihre Softwarelösung</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="https://cdn.hashnode.com/res/hashnode/image/upload/v1674204340726/48niDOH6D.png?auto=compress,format&format=webp&fm=png"/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
</style>
</head>
<body>
<main>
<!-- Navbar -->
<div class="navbar">
<div class="navbar-content">
<div class="navbar-logo">
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1697223886065/jmT1tTaTt.png?w=1000&h=250&auto=compress,format&format=webp" width="256px"/>
</div>
<div class="navbar-nav">
<a href="#hero">Start</a>
<a href="#about">Über uns</a>
<a href="#services">Leistungen</a>
<a href="#testimonials">Kundenmeinungen</a>
<a href="#contact" class="kontakt">Kontakt</a>
</div>
</div>
</div>
<!-- Hero Section -->
<section class="hero" id="hero">
<div class="section-content">
<div class="split">
<div>
<h1>Softwarelösungen für kleine und mittelständische Unternehmen</h1>
<p>Man kann nicht über alles Bescheid wissen. Wir von RoyalZSoftware unterstützen Sie gerne bei der Digitalisierung.</p>
<a class="cta-button" href="#about">Mehr erfahren </a>
</div>
<div>
</div>
</div>
</div>
<img src="alex.png" width="100%"/>
</section>
<!-- Über uns Section -->
<section class="about" id="about">
<div class="section-content">
<h2>Über uns</h2>
<p>RoyalZSoftware ist ein innovatives Unternehmen mit Sitz in Weilheim in Oberbayern. Unsere Mission ist es, kleinen und mittelständischen Unternehmen durch digitale Lösungen zum Erfolg zu verhelfen.</p>
</div>
</section>
<!-- Das machen wir Section -->
<section class="services" id="services">
<div class="section-content">
<h2>Das machen wir</h2>
<ul class="cards">
<li class="card card-l">
<img src="automatisierung.png" style="height: 327px"/>
<h3>Automatisierung</h3> Effizienzsteigerung durch Prozessautomatisierung.</li>
<li class="card card-l">
<img src="webapp.png" style="height: 327px"/>
<h3>Individuelle Softwareentwicklung</h3> maßgeschneiderte Lösungen für Ihre spezifischen Anforderungen.</li>
<li class="card card-l">
<img src="smartphone.png" style="height: 327px"/>
<h3>Mobile App-Entwicklung</h3> innovative Apps für Android und iOS.</li>
</ul>
</div>
</section>
<!-- Das sagen unsere Kunden Section -->
<section class="testimonials" id="testimonials">
<div class="section-content">
<h2>Das sagen unsere Kunden</h2>
<blockquote>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<p>"Die Zusammenarbeit mit RoyalZSoftware war für unser Unternehmen ein entscheidender Schritt. Ihr Fachwissen und ihre Effizienz bei der Erstellung unserer App haben unsere Erwartungen übertroffen."</p>
<div class="customer">
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1685743417864/jeYon5P-8.jpeg"/>
<cite>Philip Mayer, Geschäftsführer von Ocean Package</cite>
</div>
</blockquote>
<blockquote>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<p>"Die Zusammenarbeit mit RoyalZSoftware war großartig. Die Lieferung war pünktlich und unglaublich schnell.
Mein Kunde war sehr zufrieden mit der fertigen Smartphone-App!"</p>
<div class="customer">
<img src="https://cdn.prod.website-files.com/64f34f1941e5f1628a59e891/65177927eef2b2d74c843415_mg_portrait_neu.jpg"/>
<cite>Martin Georg, selbstständiger Web Designer</cite>
</div>
</blockquote>
</div>
</section>
<section class="portfolio" id="portfolio">
<div class="section-content">
<h2>Portfolio</h2>
<ul class="projects">
<div class="project card-m">
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1697573466036/cb00f8e1-e86f-48ad-98c2-1a6f4dbc150b.png?auto=compress,format&format=webp" alt="Preview"/>
<h3>
Versicherungsberichte App
</h3>
<i>iOS App, React Native, Appwrite</i>
<p>
Eine App, mit der der Kunde, Mitarbeiter eines Heizungstechnik Unternehmen, mühelos Berichte für Versicherungen schreiben kann.
</p>
<a target="_blank" href="https://royalzsoftware.de/case-study-saving-10-hrsweek-with-a-mobile-app" class="cta-button">
Mehr erfahren
</a>
</div>
</ul>
</div>
</section>
<section class="why" id="why">
<div class="section-content">
<h2>Warum RoyalZSoftware?</h2>
<h3>Wir sind Experten</h3>
<p>Nach jahrelanger Erfahrung in der Software Entwicklung haben wir damit begonnen unser Wissen mit der ganzen Welt zu teilen. Regelmäßig teilen wir unser Expertenwissen auf <a href="https://royalzsoftware.de" target="_blank">unserem Blog</a> und auf <a target="_blank" href="https://instagram.com/royalzsoftware">Instagram</a>. Auch unsere ersten Videokurse durften zuletzt das Licht der Welt erblicken.</p>
<h3>Wir sind simpel gestrickt</h3>
<p>Wir sind daran interessiert, Ihrem Unternehmen schnellstmöglich zu helfen. Komplexe Prozesse sind Innovationskiller. Wir bleiben agil und reagieren schnell auf neue Anforderungen.</p>
<h3>Wir sind berechenbar</h3>
<p>Sie haben mit Sicherheit schon überlegt eine Vollzeitkraft mit der Softwareentwicklung für Ihr Unternehmen zu beauftragen. Oft ist das aber sehr kostenintensiv und vor allem schwer zu koordieren, wenn man selber nicht vom Fach ist.</p>
<p>Mit uns sparen Sie sich die Kopfschmerzen und überprüfen nur das endgültige Produkt.</p>
</div>
</div>
</section>
<!-- Kontakt Section -->
<section class="contact" id="contact">
<div class="section-content">
<h2>Kontakt</h2>
<div class="split">
<div>
<h3>Melden Sie sich</h3>
<p>Wir freuen uns über Ihre Anfrage und werden uns baldmöglichst bei Ihnen melden.</p>
</div>
<form method="post" action="https://formspree.io/f/xbllpawj">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
<label for="email">E-Mail</label>
<input type="email" id="email" name="email" required>
<label for="message">Nachricht</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Senden</button>
</form>
</div>
</div>
</section>
<!-- Social Media Section -->
<footer>
<div class="social-media">
<a target="_blank" href="https://www.linkedin.com/company/royalzsoftware" class="linkedin">
<img src="./linkedin.svg" width="32px" class="img-link">
</a>
<a target="_blank" href="https://www.instagram.com/royalzsoftware/" class="instagram">
<img src="./instagram.svg" width="32px" class="img-link">
</a>
</div>
<p>Impressum: RoyalZSoftware UG (haftungsbeschränkt), Lärchenstraße 3, 82362 Weilheim in Oberbayern</p>
</footer>
</main>
<script>
// Einfache Fade-In-Animation beim Scrollen
const sections = document.querySelectorAll('section');
const options = { threshold: 0.1 };
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('fade-in');
}
});
}, options);
sections.forEach(section => {
observer.observe(section);
});
</script>
</body>
</html>