gitadmin/fraxlenet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make seperate css & js

Browse Source
This commit is contained in:
Danny
2026-06-03 17:07:03 +01:00
parent afc32567eb
commit 9c5d1ab2cd
10 changed files with 1098 additions and 1039 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+69 -2
View File
@@ -588,6 +588,7 @@ ul { list-style: none; }
.service-wide-plants i:nth-child(3n+1) { color: #5EEAD4; }
@media (prefers-reduced-motion: reduce) {
.service-wide-plants i { transition: opacity 0.25s ease; transform: none; }
.pricing-teaser-astro img { animation: none; }
}
/* ================================================
@@ -794,9 +795,55 @@ ul { list-style: none; }
/* ================================================
PRICING TEASER
================================================ */
.pricing-teaser { background: #3B2DA8; }
.pricing-teaser .section-header { margin-bottom: 0; }
.pricing-teaser {
background: #3B2DA8;
position: relative;
overflow: hidden;
}
.pricing-teaser::before {
content: '';
position: absolute;
width: 420px;
height: 420px;
right: 12%;
top: 50%;
transform: translateY(-50%);
background: radial-gradient(circle, rgba(251,191,36,0.16) 0%, transparent 68%);
pointer-events: none;
}
.pricing-teaser-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(180px, 300px);
gap: 48px;
align-items: center;
position: relative;
z-index: 1;
}
.pricing-teaser-copy {
text-align: left;
max-width: 650px;
}
.pricing-teaser-copy .section-lead {
margin: 0;
max-width: 620px;
}
.pricing-teaser-btn { margin-top: 32px; }
.pricing-teaser-astro {
display: flex;
justify-content: center;
pointer-events: none;
}
.pricing-teaser-astro img {
width: min(100%, 280px);
height: auto;
filter: drop-shadow(0 18px 30px rgba(0,0,0,0.3));
transform: rotate(8deg);
animation: astroFloat 5.8s ease-in-out infinite;
}
@keyframes astroFloat {
0%, 100% { transform: translateY(0) rotate(8deg); }
50% { transform: translateY(-16px) rotate(11deg); }
}
/* ================================================
CONTACT
@@ -1007,6 +1054,18 @@ ul { list-style: none; }
grid-template-columns: 1fr;
gap: 48px;
}
.pricing-teaser-inner {
grid-template-columns: 1fr;
gap: 28px;
text-align: center;
}
.pricing-teaser-copy {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.pricing-teaser-copy .section-lead { margin: 0 auto; }
.pricing-teaser-astro img { width: 210px; }
}
/* Medium tablets */
@@ -1052,6 +1111,14 @@ ul { list-style: none; }
.services-grid { grid-template-columns: 1fr; }
.service-wide { flex-direction: column; text-align: center; gap: 20px; padding: 32px 24px; }
.service-wide-text p { max-width: none; }
.pricing-teaser::before {
right: 50%;
transform: translate(50%, -50%);
width: 300px;
height: 300px;
}
.pricing-teaser-inner { gap: 22px; }
.pricing-teaser-astro img { width: 150px; }
.project-row { grid-template-columns: 110px 1fr auto; gap: 18px; padding: 20px 0; }
.project-row-img { height: 80px; }
.project-img-placeholder { font-size: 1.8rem; }