Skip to content

Commit c46389c

Browse files
authored
Merge pull request #98 from Sybit-Education/fix-imprint-about-us
fix:changed styling
2 parents ce7af19 + 9af28b7 commit c46389c

File tree

5 files changed

+156
-72
lines changed

5 files changed

+156
-72
lines changed

src/app/components/footer/footer.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<footer class="footer-color text-center text-lg-start">
22
<div class="text-center pt-4">
33
<div class="footer-container footer-color">
4-
<a class="footer-link" [routerLink]="['/imprint']">Impressum</a>
5-
|
6-
<a class="footer-link" [routerLink]="['/about-us']">Über uns</a>
7-
|
4+
<a class="footer-link" [routerLink]="['/about-us']">Über uns</a>
5+
|
86
<a class="footer-link" [routerLink]="['/privacy-policy']">Datenschutzerklärung</a>
7+
|
8+
<a class="footer-link" [routerLink]="['/imprint']">Impressum</a>
99
</div>
1010
© 2000-2024 Sybit GmbH
1111
<div class="vr"></div>

src/app/features/about-us/about-us.component.html

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,6 @@
11
<h1 class="h1 mt-3">Über die Sytivities-App</h1>
22

3-
<img class="img-thumbnail mr-3" style="float:left;" src="/images/logo.png"
4-
alt="Logo"
5-
width="20%"
6-
eight="auto">
7-
3+
<div class="infos">
84
<p>
95
In der Sytivities-App findest du viele verschiedene Freizeitaktivitäten in deiner Umgebung. Die dazugehörigen wichtigen Details wie zum Beispiel Altersempfehlungen,
106
findest du bei dem jeweiligen Vorschlag. Außerdem kann sie basierend auf deinen Interessen personalisierte
@@ -26,29 +22,34 @@ <h2 class="h2 mt-3">Sybit Coding-Camp</h2>
2622
<h2 class="h2 mt-3">Das haben wir während des Coding-Camps gemacht</h2>
2723
<p>
2824
Während des Coding-Camps haben wir die App Sytivities gecodet. Wir sind insgesamt elf Schüler*innen und sechs Auszubildende gewesen.
29-
Die Auszubildenden haben uns vieles über das Programmieren mit HTML und CSS beigebracht und wie diese in Firmen wie Sybit benutzt werden.
30-
Gegen Ende unserer Vorbereitung haben wir fünf Personas erstellt und jeweils User Storys
31-
für diese erstellt. Um die zuvor besprochenen Aufgaben zu bearbeiten, haben wir uns in mehrere Gruppen aufgeteilt.
25+
Die Auszubildenden haben uns vieles über das Programmieren mit HTML und CSS beigebracht und wie diese in Firmen wie Sybit benutzt werden.
26+
Gegen Ende unserer Vorbereitung haben wir fünf Personas erstellt und jeweils User Storys für diese erstellt. Um die zuvor besprochenen Aufgaben zu bearbeiten, haben wir uns in mehrere Gruppen aufgeteilt.
3227
</p>
28+
</div>
3329

3430
<h2 class="h2 mt-3">Unser Coding-Team</h2>
3531

3632
<img class="img-fluid" src="/images/Gruppenbild.JPG" alt="Gruppenbild Sybit Coding camp 2024" >
3733

3834
<p><small>
3935
Während ihrer Arbeit beim Coding-Camp - (v.l.n.r): Jimmy Bergstaedt, Alexander Kugler, Felix Klein, Felix Luckow,
40-
Constatin von Fragstein, Jonas Nebel,
41-
Max Aichelmann, Raphael Schuller, Maksym Kuzmenko, Domenik Smyczkowski, Lotte Veit, Louis Knauss, Lena Schirmer, Thiara Adrian, Isabell Perz,
42-
Fiona Krause und der Projekt-Leiter: Stephan Strittmatter
36+
Constantin von Fragstein, Jonas Nebel,
37+
Max Aichelmann, Rafael Schuller, Maksym Kuzmenko, Domenik Smyczkowski, Lotte Veit, Louis Knauss, Lena Schirmer, Thiara Adrian, Isabell Perz,
38+
Fiona Krause und der Projekt-Leiter: Stephan Strittmatter
4339
<br>(nicht auf dem Bild: André Sommer)
4440
</small>
4541
</p>
4642

4743
<br>
44+
<small>
45+
<div class="license">
4846
<p>
4947
Die Sytivities-App ist eine Open-Source Software. Der <a href="https://github.com/Sybit-Education/Coding-Camp-2024"><u>Quellcode</u></a>
5048
ist somit öffentlich verfügbar und kann frei genutzt, vervielfältigt und verändert werden.
5149
</p>
5250
<p>
5351
Es gelten die Bedingungen der <a href="https://github.com/Sybit-Education/Coding-Camp-2024?tab=MIT-1-ov-file#readme"><u>MIT-Lizenz</u>.</a>
5452
</p>
53+
</div>
54+
</small>
55+
Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,26 @@
1-
a {color: #6bc4f6;}
1+
a {color: #000000;}
2+
h1 {
3+
text-align: center;
4+
font-weight: 650;
5+
}
6+
h2 {
7+
text-align: center;
8+
font-weight: 650;
9+
}
10+
.license {text-align: center}
11+
12+
.infos {
13+
text-align: center;
14+
}
15+
16+
@media (max-width: 600px) {
17+
18+
.license {
19+
font-size: 10px;
20+
}
21+
.infos {
22+
margin-left: 0;
23+
margin-right: 0
24+
}
25+
26+
}
Lines changed: 56 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,59 @@
1-
<div class="container">
2-
<h1 class="h4">Angaben gemäß § 5 DDG</h1>
3-
<p>
4-
Sybit GmbH
5-
<br>Sankt-Johannis-Str. 1-5
6-
<br>78315 Radolfzell, Germany
7-
<br>
8-
<br>Handelsregister: HRB 550606
9-
<br>Registergericht: Amtsgericht Freiburg
10-
<br>
11-
<br>Vertreten durch:
12-
<br>Geschäftsführer Thomas Regele
13-
</p>
1+
<div class="box">
142

15-
<h2 class="h4">Kontakt</h2>
16-
<p>
17-
Tel. +49 7732 9508-0
18-
<br>Fax +49 7732 9508-111
19-
<br>E-Mail <a href="sales&#64;sybit.de">sales&#64;sybit.de</a>
20-
</p>
21-
<h2 class="h4">Umsatzsteuer-ID</h2>
22-
<p>
23-
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:
24-
<br>DE 142314511
25-
</p>
26-
<h4 class="h4">DUNS Nummer</h4>
27-
<p>
28-
34-124-4838
29-
</p>
30-
<h2 class="h4">Redaktionell verantwortlich</h2>
31-
<p>
32-
Stephan Strittmatter
33-
<br>Sankt-Johannis-Str. 1-5
34-
<br>78315 Radolfzell
35-
</p>
36-
37-
38-
<h2 class="h4">EU-Streitschlichtung</h2>
39-
<p>
40-
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
41-
https://ec.europa.eu/consumers/odr/.
42-
<br>Unsere E-Mail-Adresse finden Sie oben im Impressum.
43-
</p>
44-
45-
46-
<h2 class="h4">Verbraucher­streit­beilegung/Universal­schlichtungs­stelle</h2>
47-
<p>
48-
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle
3+
<div class="Angaben">
4+
<h1>Angaben gemäß § 5 DDG</h1>
5+
Sybit GmbH
6+
<br>Sankt-Johannis-Str. 1-5
7+
<br>78315 Radolfzell, Germany
8+
<br>
9+
<br>Handelsregister: HRB 550606
10+
<br>Registergericht: Amtsgericht Freiburg
11+
<br>
12+
<br>Vertreten durch:
13+
<br>Geschäftsführer Thomas Regele
14+
</div>
15+
16+
<div class="Kontakt">
17+
<h2>Kontakt</h2>
18+
Tel. +49 7732 9508-0
19+
<br>Fax +49 7732 9508-111
20+
<br>E-Mail <a href="sales&#64;sybit.de">sales&#64;sybit.de</a>
21+
</div>
22+
23+
<div class="Umsatzsteuer-ID">
24+
<h2>Umsatzsteuer-ID</h2>
25+
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:
26+
<br>DE 142314511
27+
<br>
28+
<br>
29+
<h4>DUNS Nummer</h4>
30+
34-124-4838
31+
</div>
32+
33+
<div class="Redaktionell">
34+
<h2>Redaktionell verantwortlich</h2>
35+
Thomas Regele
36+
<br>Sankt-Johannis-Str. 1-5
37+
<br>78315 Radolfzell
38+
</div>
39+
40+
<div class="EU-Streitschlichtung">
41+
<h2>EU-Streitschlichtung</h2>
42+
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
43+
https://ec.europa.eu/consumers/odr/.
44+
<br>Unsere E-Mail-Adresse finden Sie oben im Impressum.
45+
</div>
46+
47+
<div class="Verbraucher­streit­beilegung">
48+
<h2>Verbraucher­streit­beilegung/Universal­schlichtungs­stelle</h2>
49+
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle
4950
teilzunehmen.
50-
</p>
51-
52-
<h2 class="h4">Haftungshinweis</h2>
53-
<p>
54-
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links.
55-
Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
56-
</p>
51+
</div>
52+
53+
<div class="Haftungshinweis">
54+
<h2>Haftungshinweis</h2>
55+
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links.
56+
<br>Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
57+
</div>
58+
5759
</div>
Lines changed: 58 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,59 @@
1-
p {
2-
font-size: 15px;
1+
.box {
2+
text-align: center;
3+
font-size: larger;
34
}
5+
6+
h1 {
7+
font-size: 50px;
8+
}
9+
10+
h2 {
11+
font-size: 40px;
12+
}
13+
14+
h4 {
15+
font-size: 30px;
16+
}
17+
18+
.Angaben {padding-top: 20px;
19+
padding-bottom: 50px;
20+
}
21+
22+
.Kontakt {
23+
24+
padding-bottom: 50px;}
25+
26+
.Umsatzsteuer-ID {
27+
padding-bottom: 50px;}
28+
29+
.Redaktionell {
30+
padding-bottom: 50px;
31+
}
32+
33+
.EU-Streitschlichtung {
34+
35+
padding-bottom: 50px;
36+
}
37+
38+
.Verbraucher­streit­beilegung {
39+
padding-bottom: 40px;}
40+
41+
.Haftungshinweis {padding-top: 10px;
42+
padding-bottom: 30px;
43+
}
44+
45+
@media (max-width: 600px) {
46+
47+
.box {
48+
font-size: 10px;
49+
}
50+
h1 {font-size: 18px;
51+
font-weight: 600;}
52+
53+
h2 {font-size: 15px;
54+
font-weight: 600;}
55+
56+
h4 {font-size: 13px;
57+
font-weight: 500;}
58+
59+
}

0 commit comments

Comments
 (0)