Admin/Kobelly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

link to services page from home

Browse Source
This commit is contained in:
Kobe
2025-07-04 22:27:14 +02:00
parent f894e4a1fe
commit e5061ddcc8
2 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/css/main.css
View File

@ -967,6 +967,21 @@ body.page-loaded > *:not(.navbar) {
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
/* Linked expertise cards hover effects */
.expertise-card[style*="cursor: pointer"]:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}
.expertise-card[style*="cursor: pointer"]:hover .expertise-icon {
transform: scale(1.1);
}
.expertise-card[style*="cursor: pointer"]:hover .expertise-icon-wrapper::after {
width: 90px;
height: 90px;
}
.expertise-card::before {
content: '';
position: absolute;

56
templates/index.html
View File

@ -148,40 +148,44 @@
<div class="row g-4">
<div class="col-lg-6">
<div class="card expertise-card h-100 fade-in-up">
<div class="card-body p-5">
<div class="expertise-header mb-4">
<div class="expertise-icon-wrapper mb-3">
<i class="fas fa-store text-primary expertise-icon"></i>
<a href="{{ url_for('services') }}" class="text-decoration-none">
<div class="card expertise-card h-100 fade-in-up" style="cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;">
<div class="card-body p-5">
<div class="expertise-header mb-4">
<div class="expertise-icon-wrapper mb-3">
<i class="fas fa-store text-primary expertise-icon"></i>
</div>
<h4 class="card-title fw-bold mb-0 text-dark">{{ t('Business Websites') }}</h4>
</div>
<h4 class="card-title fw-bold mb-0">{{ t('Business Websites') }}</h4>
<p class="card-text mb-4 text-muted">{{ t('Professional websites that showcase your business and help customers find you online.') }}</p>
<ul class="list-unstyled expertise-features">
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Show your products/services') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Contact information & location') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Customer testimonials') }}</li>
</ul>
</div>
<p class="card-text mb-4">{{ t('Professional websites that showcase your business and help customers find you online.') }}</p>
<ul class="list-unstyled expertise-features">
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Show your products/services') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Contact information & location') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Customer testimonials') }}</li>
</ul>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<div class="card expertise-card h-100 fade-in-up">
<div class="card-body p-5">
<div class="expertise-header mb-4">
<div class="expertise-icon-wrapper mb-3">
<i class="fas fa-shopping-cart text-primary expertise-icon"></i>
<a href="{{ url_for('services') }}" class="text-decoration-none">
<div class="card expertise-card h-100 fade-in-up" style="cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;">
<div class="card-body p-5">
<div class="expertise-header mb-4">
<div class="expertise-icon-wrapper mb-3">
<i class="fas fa-shopping-cart text-primary expertise-icon"></i>
</div>
<h4 class="card-title fw-bold mb-0 text-dark">{{ t('Online Stores') }}</h4>
</div>
<h4 class="card-title fw-bold mb-0">{{ t('Online Stores') }}</h4>
<p class="card-text mb-4 text-muted">{{ t('Sell your products online 24/7. Accept payments, manage orders, and grow your sales.') }}</p>
<ul class="list-unstyled expertise-features">
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Secure payment processing') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Product catalog management') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Order tracking system') }}</li>
</ul>
</div>
<p class="card-text mb-4">{{ t('Sell your products online 24/7. Accept payments, manage orders, and grow your sales.') }}</p>
<ul class="list-unstyled expertise-features">
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Secure payment processing') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Product catalog management') }}</li>
<li class="expertise-feature"><i class="fas fa-check-circle text-success me-3"></i>{{ t('Order tracking system') }}</li>
</ul>
</div>
</div>
</a>
</div>
</div>