From 859840c63eda61c34d7f279224fbb7059a79bd81 Mon Sep 17 00:00:00 2001 From: Oliver Date: Thu, 25 Sep 2025 11:37:41 -0300 Subject: [PATCH] workshops --- public/index.html | 94 ++++++++++++++++++++++++++++ public/style.css | 153 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 247 insertions(+) diff --git a/public/index.html b/public/index.html index 994f59c..c0d6528 100644 --- a/public/index.html +++ b/public/index.html @@ -187,6 +187,100 @@ + + + +
+

Startup Workshops

+

+ We bring your business from zero to ERP and AI in just three months: +

+ + +
+ +
+ +

Class Q1/2026

+

Language: German

+

Places available: 4

+ Download Agenda +
+ $450.00
per Person + + Book Now + + +
+
+ +
+

Class Q2/2026

+

Language: English

+

Places available: 5

+ Download Agenda +
+ $450.00
per Person + + Book Now + + + + +
+
+ +
+

Class Q3/2026

+

Language: German

+

Places available: 6

+ Download Agenda +
+ $450.00
per Person + + Book Now + + + +
+
+ +
+

Class Q4/2026

+

Language: English

+

Places available: 6

+ Download Agenda +
+ $450.00
per Person + + Book Now + + + +
+
+ +
+
+ + + + +

Service Packs

diff --git a/public/style.css b/public/style.css index 15bc9ff..0c420e2 100644 --- a/public/style.css +++ b/public/style.css @@ -901,3 +901,156 @@ footer a:hover { .blog-teaser > [class*="-tag"]:hover { opacity: 0.9; } + +/* Workshops */ +.workshops { + text-align: center; + margin-top: 50px; +} +.workshops .section-subtitle { + font-size: 1.1rem; + font-weight: 500; + color: #555; + margin-bottom: 1rem; +} + +.workshop-highlights { + list-style: none; + padding-left: 0; + margin-top: 0; + color: #7a5a40; /* warm tone for consistency with workshop theme */ + font-size: 0.95rem; + line-height: 1.6; +} + +.workshop-highlights li { + position: relative; + padding-left: 1.5rem; + margin-bottom: 0.75rem; +} + +.workshop-highlights li::before { + content: "✓"; /* checkmark for a positive, actionable feel */ + position: absolute; + left: 0; + color: #ff7a00; /* warm accent matching Buy Now button */ + font-weight: bold; +} + + +.workshops .workshop-list { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + gap: 15px; +} + +.workshops .workshop { + background: #fff8f0; /* soft peach background */ + border: 1px solid #ffd8b5; /* warm border */ + border-radius: 8px; + padding: var(--spacing-lg) var(--spacing-md); + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + width: 20%; + box-shadow: 0 2px 6px rgba(0,0,0,0.05); + transition: transform 0.3s; + margin-bottom: 10px; + text-align: left; +} + +.workshops .workshop:hover { + transform: translateY(-5px); + box-shadow: rgba(255, 165, 50, 0.25) 0px 20px 40px -10px, + rgba(0, 0, 0, 0.15) 0px 10px 20px -10px; +} + +.workshops .workshop h3 { + font-size: 1.25rem; + margin-bottom: var(--spacing-sm); + color: #ff7a00; /* warm heading color */ +} + +.workshops .workshop p { + color: #7a5a40; /* dark warm tone for text */ + font-size: 0.95rem; + margin-bottom: var(--spacing-md); + line-height: 1.5; +} + +.workshops .btn-secondary { + margin-top: 1rem; + align-self: start; + background-color: #ff7a00; /* button warm accent */ + color: #fff; + border: none; + padding: 0.5rem 1rem; + border-radius: 6px; + cursor: pointer; + transition: background 0.3s; +} + +.workshops .btn-secondary:hover { + background-color: #e56a00; +} + +/* Optional: Featured Workshop Styling */ +.workshops .workshop.featured { + border: 1px solid #ff7a00; + background-color: #fff0e0; +} + +.workshops .workshop .badge { + position: absolute; + top: -12px; + left: 16px; + background-color: #ff7a00; + color: #fff; + padding: 4px 12px; + font-size: 0.75rem; + font-weight: 600; + border-radius: 12px; +} +/* Workshop Download Agenda Link */ +.workshops .agenda-link { + display: inline-block; + margin-bottom: 1rem; + color: #ff7a00; /* warm accent color */ + text-decoration: none; /* remove default underline */ + font-weight: 600; /* slightly bold */ + font-size: 0.95rem; + transition: color 0.3s, text-decoration 0.3s; + cursor: pointer; +} + +.workshops .agenda-link:hover { + color: #e56a00; /* darker warm tone on hover */ + text-decoration: underline; /* add underline on hover */ +} +/* Workshop Action Area */ +.workshops .workshop-action { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 1rem; + gap: 1rem; +} + +.workshops .workshop-action .price { + font-size: 1.2rem; + font-weight: bold; + color: #ff7a00; /* warm accent to match workshop theme */ +} + +.workshops .workshop-action .btn-secondary { + flex-shrink: 0; +} +a.btn-secondary { + display: inline-block; + text-align: center; + text-decoration: none; + cursor: pointer; +} +