Skip to content
This repository was archived by the owner on Jul 13, 2025. It is now read-only.

Commit 5347220

Browse files
committed
feat
1 parent cb5299e commit 5347220

File tree

1 file changed

+67
-8
lines changed

1 file changed

+67
-8
lines changed

index.html

Lines changed: 67 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,18 @@
8989
text-decoration: none;
9090
font-size: 1.0rem;
9191
}
92+
.cta-button:after {
93+
content: '>';
94+
}
95+
.cta-button {
96+
color: white;
97+
width: fit-content;
98+
text-decoration: none;
99+
padding: 12px 16px;
100+
display: block;
101+
font-size: 1.0rem;
102+
background: -webkit-linear-gradient(70deg, #d8b573, #e55100);
103+
}
92104
.navbar a:hover:not(.kontakt) {
93105
transition: 0.1s all;
94106
background: -webkit-linear-gradient(70deg, #d8b573, #e55100);
@@ -165,6 +177,7 @@
165177
width: 50px;
166178
height: 50px;
167179
border-radius: 50%;
180+
object-fit: cover;
168181
}
169182
.split {
170183
display: flex;
@@ -225,6 +238,30 @@
225238
section {
226239
opacity: 0;
227240
}
241+
.projects {
242+
padding: 0;
243+
display: flex;
244+
flex-direction: row;
245+
width: 100%;
246+
gap: 16px;
247+
overflow-x: auto;
248+
}
249+
.project {
250+
width: 300px;
251+
flex-basis: 300px;
252+
min-width: 300px;
253+
display: flex;
254+
flex-direction: column;
255+
256+
}
257+
.project > .cta-button {
258+
align-self: flex-end;
259+
}
260+
261+
.project > img {
262+
height: 300px;
263+
width: 300px;
264+
}
228265

229266
/* Responsive Design */
230267
@media (max-width: 768px) {
@@ -277,7 +314,7 @@
277314
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1697223886065/jmT1tTaTt.png?w=1000&h=250&auto=compress,format&format=webp" width="256px"/>
278315
</div>
279316
<div class="navbar-nav">
280-
<a href="#hero">Home</a>
317+
<a href="#hero">Start</a>
281318
<a href="#about">Über uns</a>
282319
<a href="#services">Leistungen</a>
283320
<a href="#testimonials">Kundenmeinungen</a>
@@ -303,44 +340,66 @@ <h1>Softwarelösungen für kleine und mittelständische Unternehmen</h1>
303340
<!-- Über uns Section -->
304341
<section class="about" id="about">
305342
<h2>Über uns</h2>
306-
<p>RoyalZSoftware UG 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>
343+
<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>
307344
</section>
308345

309346
<!-- Das machen wir Section -->
310347
<section class="services" id="services">
311348
<h2>Das machen wir</h2>
312349
<ul>
350+
<li>Automatisierung - Effizienzsteigerung durch Prozessautomatisierung.</li>
313351
<li>Individuelle Softwareentwicklung - maßgeschneiderte Lösungen für Ihre spezifischen Anforderungen.</li>
314-
<li>Webdesign und -entwicklung - moderne und responsive Websites für Ihren Onlineauftritt.</li>
315352
<li>Mobile App-Entwicklung - innovative Apps für Android und iOS.</li>
316353
<li>IT-Beratung und Support - umfassende Beratung für Ihre IT-Projekte.</li>
317354
<li>Cloud-Lösungen - Skalierbare und sichere Cloud-Services.</li>
318-
<li>Automatisierung - Effizienzsteigerung durch Prozessautomatisierung.</li>
319355
</ul>
320356
</section>
321357

322358
<!-- Das sagen unsere Kunden Section -->
323359
<section class="testimonials" id="testimonials">
324360
<h2>Das sagen unsere Kunden</h2>
325361
<blockquote>
326-
<p>“Dank RoyalZSoftware konnten wir unsere Prozesse digitalisieren und Zeit sparen. Absolut empfehlenswert!”</p>
362+
<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>
363+
<div class="customer">
364+
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1685743417864/jeYon5P-8.jpeg"/>
365+
<cite>Philip Mayer, Geschäftsführer von Ocean Package</cite>
366+
</div>
367+
</blockquote>
368+
<blockquote>
369+
<p>"Die Zusammenarbeit mit RoyalZSoftware war großartig. Die Lieferung war pünktlich und unglaublich schnell.
370+
Mein Kunde war sehr zufrieden mit der fertigen Smartphone-App!"</p>
327371
<div class="customer">
328-
<cite>Max Mustermann, Geschäftsführer von Musterfirma GmbH</cite>
372+
<img src="https://cdn.prod.website-files.com/64f34f1941e5f1628a59e891/65177927eef2b2d74c843415_mg_portrait_neu.jpg"/>
373+
<cite>Martin Georg, selbstständiger Web Designer</cite>
329374
</div>
330375
</blockquote>
331376
</section>
332377

333378
<section class="portfolio" id="portfolio">
334379
<h2>Portfolio</h2>
380+
<ul class="projects">
381+
<div class="project">
382+
<img src="https://media.istockphoto.com/id/1147544807/de/vektor/miniaturbild-vektorgrafik.jpg?s=612x612&w=0&k=20&c=IIK_u_RTeRFyL6kB1EMzBufT4H7MYT3g04sz903fXAk=" alt="Preview"/>
383+
<h3>
384+
Isar Bericht App
385+
</h3>
386+
<p>
387+
Eine mobile Anwendung, die dem Kunden das tägliche Geschäft vereinfacht hat. Es wurde eine Kundenverwaltung eingebaut.
388+
</p>
389+
<a href="#" class="cta-button">
390+
Mehr erfahren
391+
</a>
392+
</div>
393+
</ul>
335394
</section>
336395

337396
<!-- Kontakt Section -->
338397
<section class="contact" id="contact">
339398
<h2>Kontakt</h2>
340399
<div class="split">
341400
<div>
342-
<h3>Melde dich</h3>
343-
<p>Wir freuen uns über deine Anfrage und werden uns baldmöglichst bei dir melden.</p>
401+
<h3>Melden Sie sich</h3>
402+
<p>Wir freuen uns über Ihre Anfrage und werden uns baldmöglichst bei Ihnen melden.</p>
344403
</div>
345404
<form>
346405
<label for="name">Name</label>

0 commit comments

Comments
 (0)