Add team values section to team page
This commit is contained in:
parent
4675df9643
commit
8dde01e13d
1 changed files with 57 additions and 0 deletions
57
team.html
57
team.html
|
|
@ -103,6 +103,40 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.team-values {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 1.5rem;
|
||||
margin-bottom: 3rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.value-card {
|
||||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
|
||||
padding: 1.5rem;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
border-left: 4px solid #667eea;
|
||||
}
|
||||
|
||||
.value-icon {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.value-title {
|
||||
font-weight: 700;
|
||||
color: #667eea;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.value-text {
|
||||
color: #64748b;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
|
@ -141,6 +175,29 @@
|
|||
<h2 class="team-title">Das EIS Team</h2>
|
||||
<p class="team-intro">Wir sind eine talentierte Gruppe von Entwicklern, die gemeinsam an diesem innovativen Projekt arbeiten. Mit Leidenschaft, Kreativität und technischem Know-how schaffen wir beeindruckende Webanwendungen.</p>
|
||||
|
||||
<div class="team-values">
|
||||
<div class="value-card">
|
||||
<div class="value-icon">💡</div>
|
||||
<div class="value-title">Innovation</div>
|
||||
<div class="value-text">Wir denken kreativ und entwickeln zukunftsweisende Lösungen</div>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">🤝</div>
|
||||
<div class="value-title">Zusammenarbeit</div>
|
||||
<div class="value-text">Teamgeist und offene Kommunikation sind unsere Stärken</div>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">⚡</div>
|
||||
<div class="value-title">Qualität</div>
|
||||
<div class="value-text">Wir liefern hochwertige und zuverlässige Ergebnisse</div>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">🚀</div>
|
||||
<div class="value-title">Leistung</div>
|
||||
<div class="value-text">Schnelle und effiziente Umsetzung unserer Projekte</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="team-grid">
|
||||
<div class="team-card">
|
||||
<img src="img/dylanAvatar.webp" alt="Dylan Avatar" class="team-avatar">
|
||||
|
|
|
|||
Loading…
Reference in a new issue