jukka/storagebox.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Vaihda kuukausihinnat vuosihinnoiksi ja nosta Mini 100 GB:hen

Browse Source 
Laskutus 12 kk kerrallaan: Mini 29€/v (100GB), Perus 69€/v,
Plus 119€/v, Pro 199€/v, Business 299€/v. Kuukausihinta
näkyy pienellä hinnan alla.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 09:49:13 +02:00
parent dee2a87de1
commit d0bea1dffd
2 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@@ -44,17 +44,18 @@
<!-- Hinnoittelu -->
<section class="pricing" id="hinnat">
<div class="container">
<p class="section-subtitle" style="margin-bottom: 32px;">Kaikissa paketeissa: Nextcloud-käyttöliittymä, synkronointi, jakaminen ja varmuuskopiot.</p>
<p class="section-subtitle" style="margin-bottom: 32px;">Kaikissa paketeissa: Nextcloud-käyttöliittymä, synkronointi, jakaminen ja varmuuskopiot. Laskutus 12 kk kerrallaan.</p>
<div class="pricing-grid">
<div class="pricing-card">
<div class="pricing-header">
<h3>Mini</h3>
<div class="pricing-amount">
<span class="price">3€</span>
<span class="period">/kk</span>
<span class="price">29€</span>
<span class="period">/vuosi</span>
</div>
<p class="pricing-storage">50 GB tallennustilaa</p>
<p class="pricing-monthly">vain 2,42€/kk</p>
<p class="pricing-storage">100 GB tallennustilaa</p>
</div>
<ul class="pricing-features">
<li>Nextcloud-käyttöliittymä</li>
@@ -70,9 +71,10 @@
<div class="pricing-header">
<h3>Perus</h3>
<div class="pricing-amount">
<span class="price">7€</span>
<span class="period">/kk</span>
<span class="price">69€</span>
<span class="period">/vuosi</span>
</div>
<p class="pricing-monthly">vain 5,75€/kk</p>
<p class="pricing-storage">200 GB tallennustilaa</p>
</div>
<ul class="pricing-features">
@@ -90,9 +92,10 @@
<div class="pricing-header">
<h3>Plus</h3>
<div class="pricing-amount">
<span class="price">12€</span>
<span class="period">/kk</span>
<span class="price">119€</span>
<span class="period">/vuosi</span>
</div>
<p class="pricing-monthly">vain 9,92€/kk</p>
<p class="pricing-storage">500 GB tallennustilaa</p>
</div>
<ul class="pricing-features">
@@ -110,9 +113,10 @@
<div class="pricing-header">
<h3>Pro</h3>
<div class="pricing-amount">
<span class="price">19€</span>
<span class="period">/kk</span>
<span class="price">199€</span>
<span class="period">/vuosi</span>
</div>
<p class="pricing-monthly">vain 16,58€/kk</p>
<p class="pricing-storage">1 TB tallennustilaa</p>
</div>
<ul class="pricing-features">
@@ -130,9 +134,10 @@
<div class="pricing-header">
<h3>Business</h3>
<div class="pricing-amount">
<span class="price">29€</span>
<span class="period">/kk</span>
<span class="price">299€</span>
<span class="period">/vuosi</span>
</div>
<p class="pricing-monthly">vain 24,92€/kk</p>
<p class="pricing-storage">2 TB tallennustilaa</p>
</div>
<ul class="pricing-features">
@@ -216,11 +221,11 @@
<label for="package">Kiinnostava paketti</label>
<select id="package" name="package">
<option value="">Valitse paketti (valinnainen)</option>
<option value="mini">Mini — 50 GB — 3€/kk</option>
<option value="perus">Perus — 200 GB — 7€/kk</option>
<option value="plus">Plus — 500 GB — 12€/kk</option>
<option value="pro">Pro — 1 TB — 19€/kk</option>
<option value="business">Business — 2 TB — 29€/kk</option>
<option value="mini">Mini — 100 GB — 29€/v</option>
<option value="perus">Perus — 200 GB — 69€/v</option>
<option value="plus">Plus — 500 GB — 119€/v</option>
<option value="pro">Pro — 1 TB — 199€/v</option>
<option value="business">Business — 2 TB — 299€/v</option>
</select>
</div>
<div class="form-group">

7
style.css
View File

@@ -407,6 +407,13 @@ a {
color: var(--text-muted);
}
.pricing-monthly {
color: var(--secondary);
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 4px;
}
.pricing-storage {
color: var(--text-muted);
font-size: 0.9rem;