jannik.menzel/iFSR-Website
1
0
Fork 0
mirror of https://github.com/jannikmenzel/iFSR-Website.git synced 2025-06-05 09:08:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

hero section

Browse source
This commit is contained in:
Jannik Menzel 2025-05-17 02:59:57 +02:00
parent d31e4399a6
commit 477ef2dde8
4 changed files with 137 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

68
assets/css/main.css
View file

@ -2,15 +2,16 @@
Farbvariablen
======================== */
:root {
--color-background: #f8f9fa;
--color-background: #F8F9Fa;
--color-text: #191A23;
--color-text-dark: #F3F3F3;
--color-accent: #BBE04C;
--color-primary-button-dark: #191A23;
--color-primary-button-light: #FFFFFF;
--color-link: #607C0E;
--color-error: #d9534f;
--color-off: #F3F3F3;
--color-light: #f8f9fa;
--color-light: #F8F9Fa;
}
.dark {
@ -224,7 +225,6 @@ li .dropdown-item-mobile {
width: 100vw;
display: flex;
justify-content: space-between;
padding: 0 2rem;
pointer-events: none;
}
@ -243,35 +243,73 @@ li .dropdown-item-mobile {
align-items: flex-end;
}
.hero-card a {
color: var(--color-text);
text-decoration: none;
font-size: 1.1rem;
font-weight: lighter;
}
.dark .hero-card.left-1 svg {
color: var(--color-accent);
}
.hero-card.left-1 a:hover,
.hero-card.left-1 a:active {
color: var(--color-accent);
}
.hero-card.left-1 svg {
color: var(--color-text);
}
.hero-card.right-1 svg {
color: var(--color-text);
}
.hero-card.right-1 svg:hover,
.hero-card.right-1 svg:active{
color: var(--color-accent);
}
.left-1 {
height: 12rem;
height: 15rem;
width: 17rem;
right: 5rem;
z-index: 2;
border-radius: 0 30px 30px 0;
padding: 1rem 0 1rem 2rem;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.left-2 {
height: 10rem;
width: 12rem;
right: 5rem;
bottom: 3rem;
z-index: 1;
border-radius: 0 30px 30px 0;
bottom: 5rem;
}
.right-1 {
height: 15rem;
width: 12rem;
left: 5rem;
top: 1rem;
height: 18rem;
width: 8rem;
z-index: 2;
border-radius: 30px 0 0 30px;
top: 0;
padding: 0 0 0 2.7rem;
display: flex;
flex-direction: column;
justify-content: space-evenly;
gap: 0.5rem;
}
.right-2 {
height: 15rem;
width: 18rem;
left: 5rem;
bottom: 8rem;
height: 14rem;
width: 16rem;
z-index: 1;
border-radius: 30px 0 0 30px;
bottom: 12rem;
}
/* ========================